Gantt Chart

Free Online Gantt Chart Maker

Plan projects, sprints, and roadmaps with Mermaid Gantt charts. Write your schedule as code and preview it instantly.

Try it live

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, 5d

When to use gantt chart

Sprint planning

Visualize sprint tasks, dependencies, and capacity across your development team.

Product roadmaps

Communicate quarterly plans and feature timelines to stakeholders.

Project management

Track milestones, deadlines, and phase dependencies for any project.

Key syntax

dateFormat YYYY-MM-DDSet the date format
section NameGroup tasks into sections
Task :id, date, durationDefine a task
after idStart after another task
doneMark task as completed
activeMark task as in progress
critMark task as critical
milestoneAdd a milestone marker
excludes weekendsSkip weekends in scheduling

How to create a gantt chart with Mermaid

1

Open FlowViz and start with gantt on the first line.

2

Set the title: title My Project Timeline.

3

Set the date format: dateFormat YYYY-MM-DD.

4

Create sections with section Section Name.

5

Add tasks: TaskName :id, start-date, duration (e.g. 7d for 7 days).

6

Use after id to create task dependencies.

7

Mark status with done, active, or crit before the task ID.

8

Add milestones with :milestone, date, 0d.

Related tools

Presentation Pacing Calculator →

Start diagramming now

No signup. No install. Just open the editor and start writing.