> 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="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-ee91c0dfefe842b392b568abede607b6f5de20c2%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2018.06.15.png?alt=media" 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).