Gantt Chart Tutorial

Create professional project timelines with Mermaid Gantt charts. Learn tasks, dependencies, and scheduling.

Start with `gantt`, add a title, and set the date format. Then define sections and tasks with their durations.

gantt
    title My Project
    dateFormat YYYY-MM-DD
    section Phase 1
    Task 1 :a1, 2024-01-01, 7d
    Task 2 :a2, after a1, 5d

Live Editor

Unsaved
Ready
Loading Monaco Editor...
Preview
Styling
Gantt Chart

More Tutorials

Flowchart Syntax Guide — Nodes, Arrows & Subgraphs

Master Mermaid flowchart syntax with this interactive guide. Learn node shapes, connections, and advanced features.

Sequence Diagram Guide — Messages, Loops & Fragments

Learn to create professional sequence diagrams with Mermaid. Cover participants, messages, and advanced features.

ER Diagram Tutorial — Entities, Keys & Relationships

Design database schemas visually with Mermaid ER diagrams. Learn entity declarations, attribute types, relationships, and cardinality notation.

Paste ChatGPT Mermaid Code

Got Mermaid code from ChatGPT? Paste it here to render, edit, and export.