Mermaid 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

Mermaid Visualizer
Mermaid Code
Loading Monaco Editor...
Preview

More Tutorials

Mermaid Flowchart Syntax Tutorial

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

Mermaid Sequence Diagram Guide

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

Getting Started with Mermaid Diagrams

New to Mermaid? Start here. Learn the fundamentals and create your first diagram in minutes.