Gantt Chart
Plan projects, sprints, and roadmaps with Mermaid Gantt charts. Write your schedule as code and preview it instantly.
gantt
title Product Launch Plan
dateFormat YYYY-MM-DD
excludes weekends
section Design
Brand identity :done, des1, 2024-01-02, 7d
UI mockups :done, des2, after des1, 5d
Design review :active, des3, after des2, 2d
section Development
Frontend : dev1, after des2, 14d
Backend API : dev2, after des2, 10d
Integration : dev3, after dev2, 5d
section Launch
QA testing :crit, qa1, after dev1, 7d
Soft launch :milestone, 2024-02-20, 0d
Marketing push : mkt1, after qa1, 5dVisualize sprint tasks, dependencies, and capacity across your development team.
Communicate quarterly plans and feature timelines to stakeholders.
Track milestones, deadlines, and phase dependencies for any project.
dateFormat YYYY-MM-DDSet the date formatsection NameGroup tasks into sectionsTask :id, date, durationDefine a taskafter idStart after another taskdoneMark task as completedactiveMark task as in progresscritMark task as criticalmilestoneAdd a milestone markerexcludes weekendsSkip weekends in schedulingOpen FlowViz and start with gantt on the first line.
Set the title: title My Project Timeline.
Set the date format: dateFormat YYYY-MM-DD.
Create sections with section Section Name.
Add tasks: TaskName :id, start-date, duration (e.g. 7d for 7 days).
Use after id to create task dependencies.
Mark status with done, active, or crit before the task ID.
Add milestones with :milestone, date, 0d.
Related tools
No signup. No install. Just open the editor and start writing.