Great Idea Foundry Mermaid Studio

Gantt chart maker

List the tasks with a start and a length, and the Gantt chart draws the bars for you. Tasks can follow each other, so moving one date moves the rest.

How to use the Gantt chart maker

  1. Start from the Gantt template.
  2. Write one task per line: Name :id, 2026-11-02, 5d.
  3. Use after id to start a task when another ends; add milestones.
  4. Download a PNG, SVG, PDF or Word file for the plan.

What you get

  • Sections for phases or teams
  • Dependencies with after
  • Done, active and critical tasks
  • Milestones

About the Gantt chart maker

Dates that update themselves

Give a task an id and start the next one with after id. Change the first date or a duration and everything after it moves along.

Formats

dateFormat sets how you write dates (YYYY-MM-DD is safest). axisFormat sets how they appear on the chart, for example %d %b for 02 Nov.

Frequently asked questions

How do I mark a task as done?
Add done before the id: Research :done, r1, 2026-11-02, 5d. Use active for tasks in progress and crit for critical ones.
How do I add a milestone?
Use milestone with a zero length: Go live :milestone, after t1, 0d.
Is my plan uploaded?
No. It is drawn in your browser.

Related