Mermaid 11.15.0
Gantt mostra tarefas com datas, duração e dependências. Prefira uma linha do tempo para eventos narrativos ou um diagrama de sequência para mensagens entre sistemas.
Criar com o Criador de gráficos de Gantt →Dê um id estável a cada tarefa e use after para iniciar após o término de outra.
gantt
title Publicação da documentação
dateFormat YYYY-MM-DD
todayMarker off
section Preparação
Estrutura :done, outline, 2026-10-05, 2d
Revisão :active, review, after outline, 3d
Publicar :milestone, publish, after review, 0dCarregando…
| Sintaxe | Significado |
|---|---|
| gantt / title / section | Inicia o diagrama, define o título e agrupa tarefas. |
| dateFormat YYYY-MM-DD / axisFormat %d %b | dateFormat usa tokens do Day.js; axisFormat usa tokens do D3. |
| tickInterval 1week / weekday monday | Define o intervalo e o primeiro dia das marcações semanais. |
| weekend friday / excludes weekends, 2026-10-12 | Configura o fim de semana; dias excluídos prolongam tarefas baseadas em duração. |
| includes 2026-10-10 | Uma data incluída prevalece sobre a exclusão; use datas, não nomes de dias. |
| inclusiveEndDates | Inclui a data final informada explicitamente. |
| todayMarker off / todayMarker stroke:#0070f3,stroke-width:2px | Oculta ou estiliza a linha da data atual. |
| Task :id, start, end / Task :id, start, 2d | Separe o rótulo com dois-pontos e os metadados com vírgulas. |
| after a b / until c d | after aguarda o último término; until termina no primeiro início dos ids indicados. |
| 500ms / 30s / 30m / 4h / 3d / 2w / 1M / 1y | Unidades distinguem maiúsculas: m são minutos e M meses; aceitam decimais. |
| done / active / crit / milestone / vert | Tags vêm antes do id; milestone marca um instante e vert não ocupa uma linha. |
| click id href "https://example.com" / click id call callback() | Links e callbacks dependem do ambiente; a segurança estrita desativa a interação. |
| topAxis / config.gantt.topAxis / config.gantt.displayMode: compact | Mostra o eixo superior e compartilha linhas entre tarefas sem sobreposição. |
| %% / accTitle: / accDescr: | Comentários e descrições acessíveis. |
Dias excluídos prolongam a duração sem dividir a barra. includes recupera datas específicas; datas finais explícitas mantêm seu limite, salvo inclusiveEndDates.
gantt
dateFormat YYYY-MM-DD
axisFormat %d %b
tickInterval 1week
weekday monday
excludes weekends, 2026-10-12
includes 2026-10-10
todayMarker off
section Redação
Manual :handbook, 2026-10-09, 4d
Correção :proof, after handbook, 2dCarregando…
Referencie ids, não rótulos. after com vários ids aguarda o último término; until encerra no primeiro início. Evite referências ausentes e ciclos.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Publicação
Validação final :milestone, signoff, 2026-10-15, 0d
Edição :edit, 2026-10-05, until signoff
Testes :test, 2026-10-07, 3d
Pacote :package, after edit test, 1dCarregando…
Combine crit com done ou active. Um marco sem duração fica no início; com duração, no ponto médio. vert atravessa o gráfico sem ocupar uma linha.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Entrega
Rascunho :done, draft, 2026-10-05, 2d
Validar :crit, active, validate, after draft, 3d
Prazo :vert, deadline, 2026-10-09, 0d
Aprovação :milestone, approval, after validate, 0dCarregando…
click associa uma URL ou callback. Este site usa segurança estrita e desativa a interação no desenho; preserve essa proteção para código não confiável.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Notas
Ler guia :guide, 2026-10-05, 2d
click guide href "https://themarkdowner.com"Carregando…
Coloque a configuração YAML antes de gantt. compact compartilha linhas quando possível, sem alocar recursos. A diretiva antiga %%{init: ...}%% também funciona.
---
config:
gantt:
displayMode: compact
topAxis: true
---
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Tarefas
Primeira rodada :first, 2026-10-05, 2d
Segunda rodada :second, after first, 2dCarregando…
YYYY-MM-DD pertence a dateFormat e %d %b a axisFormat; alterar o eixo não muda a leitura de datas.
Uma unidade inválida pode virar duração zero sem aviso; confira o resultado.
dates não existe. Use dateFormat em sua própria linha.
Sintaxe inválida: veja a correção abaixo
gantt
dates YYYY-MM-DDgantt
dateFormat YYYY-MM-DD
todayMarker off
section Verificação
Verificar :check, 2026-10-05, 1dCarregando…