Skip to main content

Gantt diagrams

Overview​

A Gantt chart is a bar chart that shows a project schedule and how long it takes to complete. First developed by Karol Adamiecki in 1896 and later by Henry Gantt in the 1910s, it displays the time between the start and finish dates of tasks and milestones in your project.

Code​

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

Example​

Atlassian Use Cases​

In Confluence: Use Gantt charts in project planning pages, sprint roadmaps, or release schedules to give stakeholders a visual overview of timelines and dependencies.

In Jira: Attach a Gantt chart to an Epic or project-level issue to document the planned schedule for a milestone or release.

Example: Feature release schedule​

gantt
    title Q3 Feature Release
    dateFormat YYYY-MM-DD
    section Design
        UX Research       :a1, 2024-07-01, 14d
        Wireframes        :after a1, 7d
    section Development
        Backend API       :2024-07-15, 21d
        Frontend          :2024-07-22, 14d
    section QA
        Testing           :2024-08-05, 10d
        Bug Fixes         :2024-08-15, 7d

Full Syntax Reference​

For the complete Mermaid Gantt syntax, see the official Mermaid documentation.