Skip to content
Gantt Chart

A Gantt chart displays a project schedule as a series of horizontal bars on a calendar. Each bar represents a task; its position shows when it starts and ends. Tasks can be grouped into sections and linked so that one task begins only after another finishes.

Gantt charts are used everywhere schedules need to be communicated clearly — home renovations, event planning, writing projects, or any work that involves multiple tasks running in sequence or in parallel.

gantt
    title Home Renovation Project
    dateFormat YYYY-MM-DD

    section Kitchen
        Remove old units       :a1, 2027-06-01, 3d
        Fit new cabinets       :a2, after a1, 5d
        Plumbing and wiring    :a3, after a1, 4d
        Install worktops       :a4, after a2, 2d
        Paint and finish       :a5, after a4, 2d

    section Living Room
        Strip wallpaper        :b1, 2027-06-10, 2d
        Paint walls            :b2, after b1, 3d
        Lay new floor          :b3, after b2, 2d

The after keyword creates dependencies automatically — changing the length of one task ripples through all the tasks that follow it.

Syntax
MARKDOWN
```mermaid
gantt
    title Home Renovation Project
    dateFormat YYYY-MM-DD

    section Kitchen
        Remove old units       :a1, 2027-06-01, 3d
        Fit new cabinets       :a2, after a1, 5d
        Plumbing and wiring    :a3, after a1, 4d
        Install worktops       :a4, after a2, 2d
        Paint and finish       :a5, after a4, 2d

    section Living Room
        Strip wallpaper        :b1, 2027-06-10, 2d
        Paint walls            :b2, after b1, 3d
        Lay new floor          :b3, after b2, 2d
```

For more Gantt chart syntax see the Gantt chart documentation at mermaid.js.org

© 2026 Docizr. All rights reserved.