Mermaid Gantt Chart
Plan projects and manage timelines with Gantt charts. Track tasks, milestones, and dependencies for effective project management.
Code
Preview
100%
Start typing to see your diagram
100% • Drag to pan
Quick Syntax Reference
Essential syntax for creating effective Gantt charts.
Basic SetupChart configuration
gantt
title Project Timeline
dateFormat YYYY-MM-DD
axisFormat %m/%dTask DefinitionAdd tasks to sections
section Design
Task A :a1, 2024-01-01, 7d
Task B :a2, after a1, 5dTask StatusIndicate completion
Completed task :done, a1, 2024-01-01, 5d
Active task :active, a2, after a1, 3d
Future task : a3, after a2, 2dDependenciesLink tasks together
Task A :a1, 2024-01-01, 5d
Task B :a2, after a1, 3d
Task C :a3, after a2, 2dMilestonesMark key dates
Launch milestone :milestone, m1, 2024-02-01, 0d
Review :milestone, after a2, 0dDate FormatsVarious date formats
dateFormat YYYY-MM-DD
dateFormat MM/DD/YYYY
dateFormat DD-MM-YYYYUse Cases
Gantt charts are powerful tools for project management and timeline visualization.
Project Planning
Plan project phases, tasks, and milestones.
Resource Allocation
Assign and track team member workloads.
Timeline Tracking
Monitor progress against deadlines.
Dependency Management
Visualize task dependencies and critical path.
Sprint Planning
Plan Agile sprints and iterations.
Event Planning
Coordinate events with multiple moving parts.