> For the complete documentation index, see [llms.txt](https://academy.trowelapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.trowelapp.com/planificacion/diagrama-de-gantt.md).

# Diagrama de Gantt

### Descripción

El diagrama de Gantt es la vista principal de la planificación. Muestra en un gráfico de barras los inicios y finales de cada tarea, con la posibilidad de ver dependencias, progreso y estados. Se actualiza automáticamente cuando se modifican tareas, fechas o predecesoras.

<figure><img src="/files/11Tv3LQSqp1bJv2oohSU" alt=""><figcaption></figcaption></figure>

### Estructura de la vista

1. **Barra de herramientas**: expandir/colapsar, centrar en hoy, mostrar/ocultar columnas, añadir capítulo.
2. **Sección izquierda (grid)**: árbol de bloques y tareas con columnas configurables.
3. **Línea divisoria redimensionable**: arrastrar para cambiar el ancho del grid.
4. **Sección derecha (timeline)**: cabecera con días y área de barras.
5. **Panel de detalle inferior**: se muestra al seleccionar una tarea o bloque (ver Panel de detalle).