Gantt Diagrams
Last updated
Was this helpful?
Last updated
Was this helpful?
Gantt diagrams help you visualize project timelines and track task dependencies. For data teams, they're valuable for planning data pipeline releases, scheduling model updates, and managing project milestones. Each task appears as a bar extending from its start date to its end date.
From the Code IDE, Click Apps and Agents from the lefthand panel
Select Mermaid. Paradime will automatically start a new mermaid project
In the terminal that appears, use the arrow keys to select "Gantt Diagrams"
A new gantt.mmd
file will be created in your editor with this starter template:
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1, 20d
section Another
Task in Another :2014-01-12, 12d
another task :24d
Click the eye icon (👁️) in the top right corner of your Mermaid file to preview the diagram
Edit and update your .mmd
file as needed - the preview will update automatically
gantt
dateFormat YYYY-MM-DD
title Project Timeline
section Data Pipeline
Extract Data :a1, 2024-01-01, 3d
Transform :after a1, 4d
Load :after a2, 2d
Regular task: No special prefix
Critical task: Add crit
tag
Active task: Add active
tag
Completed task: Add done
tag
Milestone: Add milestone
tag
after TaskID
: Start after another task
Fixed dates: Specify start and duration
Duration units: d (days), h (hours), m (minutes)
gantt
dateFormat YYYY-MM-DD
title Q1 Pipeline Release
excludes weekends
section Development
Model Updates :active, mod1, 2024-01-01, 10d
Testing :after mod1, 5d
section Deployment
Stage Deploy :crit, dep1, after mod1, 2d
Prod Deploy :crit, milestone, after dep1, 0d
gantt
dateFormat YYYY-MM-DD
title Model Training Timeline
section Data Prep
Extract Data :2024-01-01, 2d
Clean Data :after a1, 3d
section Training
Train Model :crit, 5d
Validate :2d
Use clear section names to group related tasks
Include key milestones
Mark critical path tasks
Consider weekends and holidays with excludes
Add dependencies between tasks
Keep timelines realistic
For more syntax options and advanced features, visit the official Mermaid documentation