Diagrama de Gantt (Gen 2)

Acerca de Diagrama de Gantt (Gen 2)

Un renderizador de diagramas de Gantt de nivel profesional que admite jerarquías WBS, dependencias de tareas y análisis de ruta crítica. Ideal para la gestión de proyectos complejos directamente en el navegador. Todo el procesamiento se realiza al 100% en el lado del cliente.

Cómo utilizarlo

1. Pegue datos completos: copie el ID de tarea, nombre, inicio, fin e ID de padre/sucesor opcional desde Excel.
2. Habilite jerarquías: la herramienta aplica sangría automáticamente a las tareas y crea barras de resumen basadas en las relaciones padre.
3. Identifique la ruta crítica: active el resaltador CPM para ver instantáneamente las tareas que determinan la fecha de finalización de su proyecto.
4. Gestione dependencias: defina relaciones de predecesor/sucesor para una red de proyectos conectada.
5. Cuadrícula interactiva: use la barra de herramientas para expandir o contraer grupos de tareas para vistas de alto nivel o granulares.
6. Exportar: descargue su cronograma como PNG, SVG o PDF de alta resolución para documentación profesional de proyectos.

Casos de uso comunes

• Programación de infraestructura compleja: maneje cientos de tareas jerárquicas y dependencias críticas.
• Implementaciones de software a gran escala: realice un seguimiento de los flujos de trabajo de desarrollo, prueba y despliegue dentro de un WBS.
• Planificación de proyectos con recursos limitados: identifique cuellos de botella mediante el método de la ruta crítica (CPM).
• Presentaciones de hojas de ruta ejecutivas: contraiga tareas técnicas en barras de resumen de grupo para informes de alto nivel.
• Planificación estratégica confidencial: construya hojas de ruta privadas seguras sin software de proyectos basado en la nube.

Detalles técnicos

Desarrollado por Apache ECharts con una implementación personalizada de cuadrícula de árbol y cálculos del Método de la Ruta Crítica (CPM) en el lado del cliente. Cuenta con un análisis de datos de alto rendimiento para grandes listas de tareas.

Preguntas frecuentes

¿Cómo creo una tarea padre?

Añada una columna 'ParentID' en sus datos o aplique sangría al nombre de la tarea. La herramienta resumirá automáticamente las fechas de las subtareas en una barra de grupo.

¿Qué es la ruta crítica?

La ruta crítica es la secuencia más larga de tareas dependientes. Retrasar cualquier tarea en esta ruta retrasará todo el proyecto.

¿Cuándo debo usar el Gantt avanzado en lugar del estándar?

Usa el Gantt Avanzado (v2) cuando tu proyecto tiene jerarquías de tareas (tareas padre con subtareas), hitos que quieres marcar con un símbolo de diamante, o una ruta crítica que necesitas resaltar. Está diseñado para presentaciones complejas de proyectos y resúmenes ejecutivos.

¿Cómo exporto el diagrama de Gantt avanzado a PowerPoint?

Haz clic en «Descargar PPTX» para exportar el gráfico renderizado como imagen de alta resolución incrustada en una diapositiva de PowerPoint. Esto preserva las líneas de agrupación, marcadores de hitos y sombreado de ruta crítica exactamente como se muestra en pantalla.

¿Cómo estructuro los datos con tareas padre y subtareas?

Añade una columna «Grupo» o «Padre» a tus datos e ingresa un nombre de grupo compartido para las tareas que pertenecen juntas. Las filas padre deben tener las fechas de inicio y fin generales que abarquen a sus hijos. La herramienta sangra las subtareas visualmente bajo su grupo padre.

¿Puede el Diagrama de Gantt Avanzado mostrar hitos como marcadores de diamante?

Sí. En el Diagrama de Gantt Avanzado puedes marcar cualquier tarea como hito estableciendo su fecha de inicio y fin en el mismo día. El gráfico renderiza los hitos como un marcador de diamante o bandera distinto en lugar de una barra completa, haciéndolos visualmente distinguibles de las tareas regulares. Los hitos son útiles para marcar fechas límite de entregables, fechas de revisión de clientes o puntos de control de fases. El gráfico se exporta a PNG, SVG y PowerPoint.

Datos del gráfico en PNG — Reanudar edición

¿Qué son los datos de gráfico incrustados?

Los PNG y enlaces compartidos pueden incluir datos y ajustes originales. Cualquiera con el archivo o enlace completo puede recuperarlos.

Cómo usarlo

1. Exporte su gráfico a PNG
2. Guarde el archivo PNG
3. Coloque o pegue el PNG en la herramienta "Reanudar Gráfico desde PNG" en cualquier momento que necesite editarlo nuevamente
4. Su gráfico se restaura exactamente como lo dejó — realice cambios y exporte de nuevo

Por qué es mejor que imágenes estáticas

Otras herramientas de gráficos exportan imágenes PNG que son finales — una vez exportadas, no puede editarlas sin rehacer el trabajo desde cero.

• No necesita guardar la hoja de cálculo de origen por separado — el PNG ES su copia de seguridad
• Comparta un PNG con un colega y pueden restaurarlo y editarlo sin los datos originales
• Años después, si necesita actualizar un gráfico, abra el PNG y reanude — sin buscar archivos antiguos
• Para archivo: guarde PNGs junto a sus informes y presentaciones; son completamente autónomos

¿Es seguro?

Los PNG y enlaces compartidos pueden incluir datos y ajustes originales. Cualquiera con el archivo o enlace completo puede recuperarlos.

URL de Inserción — Gráficos interactivos para presentaciones

¿Qué es una URL de Inserción?

Una URL de Inserción abre una versión limpia e interactiva de su gráfico en un navegador, mostrando solo el gráfico sin la interfaz de la herramienta, paneles de configuración o botones de exportación. Los subtítulos y las interacciones al pasar el cursor funcionan completamente. Los datos del gráfico están cifrados en la URL, al igual que en el Enlace de Recuperación.

Dónde encontrarlo

• Haga clic en el botón "🔗 Embed URL" en la página de la herramienta de gráficos; copiará instantáneamente la URL en su portapapeles
• La URL de Inserción también se guarda debajo de los límites de la diapositiva en su archivo PPTX exportado, marcada como "Embed URL — interactive view"

Uso de URLs de Inserción en otras herramientas

Las URLs de Inserción funcionan en cualquier lugar que admita iframes o inserciones de URL:

• Notion — Pegue la URL como un bloque de inserción (escriba /embed en Notion)
• Confluence — Utilice la macro HTML o la macro iframe con la URL de Inserción
• SharePoint — Inserte a través del elemento web "Insertar"

Cualquier sitio web o página de intranet — Utilice un iframe HTML estándar:

<iframe
  src="YOUR_EMBED_URL"
  width="800"
  height="500"
  frameborder="0"
  allowfullscreen>
</iframe>

Nota para despliegues privados: Si su organización utiliza una versión de Lokaltools alojada privadamente en su intranet, la URL de Inserción apuntará a su dominio interno. Estos solo funcionarán para los espectadores dentro de la red corporativa o VPN, tal como lo requiere su equipo de seguridad de IT.

Colores del Gráfico — Genere paletas de marca en segundos

La mayoría de las herramientas de gráficos le dan una paleta fija que no puede cambiar, o requieren que elija manualmente cada color uno por uno. Lokaltools utiliza un sistema de color de tres pasos que comienza con el color de su marca y construye automáticamente una paleta completa y armoniosa.

Paso 1 — Ancla de Marca

Ingrese el código hexadecimal del color principal de su marca (por ejemplo, #0066CC) en el campo "Brand Anchor". Este suele ser su color de logo principal, el color de su botón principal o el color dominante de sus guías de marca. El color Ancla de Marca se utiliza como punto de partida para toda la generación de la paleta. Cada color del gráfico se remonta a esta única entrada, asegurando que sus gráficos siempre tengan un estilo de marca sin selección manual de colores.

Paso 2 — Armonía de Color

El menú desplegable "Harmony" selecciona la regla de teoría del color utilizada para generar los colores restantes del gráfico a partir de su Ancla de Marca. Cada armonía crea una relación de color diferente.

El ajuste "Triádico (Equilibrado)" es el predeterminado y funciona mejor para la mayoría de las presentaciones de negocios. Cambie a "Analógico" para un aspecto más sutil y conservador, o use "Complementario" cuando desee que dos series de datos contrasten fuertemente (por ejemplo, Presupuesto vs. Real).

Paso 3 — Muestras Generadas (Anulación Manual)

Debajo del selector de armonía, la herramienta muestra 5 a 6 muestras de color generadas; estos son los colores reales que aparecerán en su gráfico. Si algún color individual no se siente bien, haga clic en esa muestra para abrir el selector de color y reemplazarlo con cualquier color de su elección. Sus anulaciones manuales se conservan en el Enlace de Recuperación.

Modo de Fondo (Alternancia Claro / Oscuro): Cambie el brillo de su paleta para que coincida con el fondo de su diapositiva. Esto ajusta automáticamente los colores generados para asegurar que permanezcan legibles y claros.

Preguntas frecuentes

¿Funciona esta herramienta sin conexión?

Sí — una vez que la página se carga, la herramienta funciona completamente sin conexión a Internet. La única excepción es la vista interactiva de la URL de Inserción, que requiere acceso a la página de la herramienta de gráficos para mostrar el contenido insertado.

¿Puedo usar esto para datos confidenciales o sensibles?

Sí. Sus datos se procesan íntegramente en su navegador utilizando WebAssembly. Nunca se envían a los servidores de Lokaltools ni a terceros. Esto hace que la herramienta sea adecuada para datos financieros, datos de pacientes, documentos legales y cualquier otra información sensible.

¿Qué formato de datos puedo pegar?

Simplemente copie celdas de Excel, Google Sheets o Apple Numbers y péguelas; la herramienta detecta el formato automáticamente. También se admite la carga de archivos CSV. Los datos copiados de páginas web o PDFs pueden no despegarse correctamente; límpielos primero en Excel.

¿Cómo encuentro el color hexadecimal de la marca de mi empresa?

Consulte el documento de las guías de marca de su empresa, o abra el sitio web de su empresa, haga clic derecho en el logo o en un botón de marca, elija "Inspeccionar (Inspect)" y busque un valor de color CSS que comience con #.

¿Puedo guardar el color de mi marca para no tener que escribirlo la próxima vez?

El color Ancla de Marca se guarda en el Enlace de Recuperación junto con todos los demás ajustes de su gráfico. Exporte su gráfico y use el Enlace de Recuperación la próxima vez para restaurar automáticamente sus colores de marca.

¿Son permanentes los datos de gráfico incrustados?

Sí. Los datos incrustados se almacenan en el archivo PNG mismo — no en ningún servidor — por lo que no hay fecha de caducidad. Siempre que tenga el archivo PNG, puede restaurar y editar su gráfico.

¿Puedo compartir el PNG con un colega?

Sí — cualquier persona con el archivo PNG puede restaurar y editar el gráfico usando la herramienta "Reanudar Gráfico desde PNG". Trate el PNG como un documento compartido: comparta solo con personas que deben tener acceso a los datos subyacentes.

¿Cuál es la diferencia entre los datos PNG incrustados y la URL de Inserción?

Los datos PNG incrustados contienen el estado completo de su gráfico cifrado en el archivo PNG — puede colocarlo en la herramienta "Reanudar Gráfico desde PNG" para editar y volver a exportar. Una URL de Inserción abre una vista interactiva de solo lectura de su gráfico sin capacidades de edición.

Privacidad y Seguridad

Esta herramienta se ejecuta completamente en su navegador. Sus datos siguen este camino: Su Hoja de Cálculo $ ightarrow$ Su Navegador $ ightarrow$ Sus Archivos Exportados. No hay otro camino. No hay paso de carga. No hay procesamiento en el servidor. No hay análisis del contenido de sus datos.

Los PNG de gráficos pueden incluir los datos originales y la configuración como metadatos recuperables. Los enlaces de recuperación e inserción contienen los datos y la clave para abrirlos en el fragmento de la URL. Cualquiera con el archivo o el enlace completo puede recuperarlos. Comparte solo con los destinatarios previstos. Normalmente el fragmento no se envía en solicitudes HTTP, pero JavaScript y los servicios con los que compartes el enlace pueden leerlo.

Para las organizaciones que requieren confirmación formal: Lokaltools no puede leer sus datos, no almacena sus datos y no tiene mecanismos técnicos para acceder a sus datos, incluso bajo mandato legal. Esto no es una política, es un hecho arquitectónico.

Detalles Técnicos

Desarrollado por Apache ECharts para el renderizado de lienzo de alto rendimiento, PapaParse para el análisis inteligente de datos delimitados por comas y tabulaciones, y PptxGenJS para generar objetos de gráficos nativos OOXML. El cifrado del Enlace de Recuperación utiliza la API Web Crypto integrada en el navegador (AES-256-GCM) con compresión pako; no se requieren bibliotecas de cifrado externas. Todo el procesamiento se realiza al 100% en el lado del cliente. Ningún dato se transmite en ningún momento.

Procesamiento local

Nuestras herramientas locales de archivos, texto y gráficos procesan el contenido en tu dispositivo mediante JavaScript, APIs del navegador y, cuando hace falta, WebAssembly. Nuestros eventos no incluyen nombres o contenido de archivos, texto introducido, valores de gráficos, errores sin filtrar, correos ni referencias de licencia. Las herramientas de red (DNS, WHOIS, IP y pruebas de velocidad) contactan servicios externos para su función. Cargar el sitio, fuentes, bibliotecas y modelos también genera solicitudes de red. WebAssembly no impide por sí mismo el acceso a la red.