📅 Mermaid

Diagrama de Gantt

Planifica proyectos sobre una línea de tiempo clara

Abrir este ejemplo en el editor Generar uno con IA

¿Qué es un Diagrama de Gantt?

Un diagrama de Gantt coloca las tareas en un calendario con duraciones, dependencias e hitos. Es el estándar de la gestión de proyectos para mostrar quién hace qué, cuándo, y qué depende de qué.

Ejemplo en directo

Código Mermaid

gantt
    title Product Launch
    dateFormat YYYY-MM-DD
    section Design
      Wireframes       :a1, 2026-01-05, 10d
      UI design        :a2, after a1, 14d
    section Build
      Backend API      :b1, 2026-01-12, 21d
      Frontend         :b2, after a2, 18d
    section Launch
      Beta testing     :c1, after b2, 10d
      Go live          :milestone, after c1, 0d

Ejemplo en directo

Cuándo usarlo

Planificar lanzamientos de producto y calendarios de releases

Comunicar las hojas de ruta a las partes interesadas

Seguir las fases de sprint o de migración con sus dependencias

Sintaxis básica

.mmd

gantt
    dateFormat YYYY-MM-DD
    section Phase 1
      Task A :a1, 2026-01-01, 7d
      Task B :after a1, 5d

Preguntas sobre este diagrama

¿Pueden las tareas depender unas de otras?

Sí — usa «after taskId» para encadenar tareas, e hitos para marcar las fechas clave. Las secciones agrupan las tareas por línea de trabajo o por equipo.

¿Es un Gantt en texto mejor que una herramienta de proyectos?

Para comunicar, sí: vive en tus docs, se versiona con git y se actualiza en segundos. Para gestionar recursos, combínalo con tu herramienta de gestión de proyectos.

Explora otros tipos de diagramas

🔀 Diagrama de flujo 💬 Diagrama de secuencia 🧩 Diagrama de clases 🗄️ Diagrama entidad-relación 🔄 Diagrama de estados 🥧 Gráfico circular 🧠 Mapa mental 🌿 Grafo Git 🕰️ Línea de tiempo 🚶 Recorrido del usuario 🎯 Gráfico de cuadrantes

Crea tu Diagrama de Gantt ahora

Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.

Abrir Mermaid Studio