Gantt chart maker — a project schedule from a list of tasks

How to use the Gantt chart maker

1. In Tasks, type one task per line: name, start date, end date and progress, separated by commas or tabs, for example Build,2026-03-23,2026-04-24,35. Progress is optional.
2. Add a Chart title.
3. Keep Show progress ticked to shade the done part of each bar and print the percentage after it.
4. Tick A different colour per task if you prefer each bar in its own colour, and choose a Colour theme and Background.
5. Set the Width, then copy the SVG or download gantt-chart.svg. The Tasks table (with a Days column) downloads as gantt-tasks.csv.

What it does and when to use it

A Gantt chart puts a project on a calendar. Each task is a bar that starts and ends on its dates, so you can see which jobs run at the same time, where one phase hands over to the next and when the whole plan finishes.

This maker is for a clear picture of a plan you already have, not for managing the project day to day. To track who is doing what right now, a kanban board is handier. For a story of key dates without durations, the timeline maker suits better. To count working days between two dates, try the business days calculator.

How it works

Dates are turned into whole day numbers in UTC, so the chart is the same in every time zone. The grid spans from the earliest start to the day after the latest end, and its tick marks adapt to the length of the plan:

• up to 21 days: one line per day;
• up to 120 days: one line per week, on Mondays;
• up to 900 days: one line per month;
• longer: one line per quarter.

Each bar’s length is its number of days, end date included. With progress shown, the bar is drawn pale and a solid part covers the percentage done; values above 100 are treated as 100. Tasks stay in the order you typed them. The SVG’s <desc> lists every task and its dates. Everything runs in your browser.

Worked examples

Website relaunch (the sample). Five tasks from 2 March to 4 May 2026, drawn on a weekly grid. The table row for the longest task reads:

Build | 2026-03-23 | 2026-04-24 | 33 | 35%

Mixed formats and one bad date. Kick-off,14 Mar 2026,14 Mar 2026 becomes a one-day task on 2026-03-14 and Sprint 1 is 12 days at 50%. The line using 03/04/2026 is skipped with a message ending “use dates like 2026-03-14”.

A typing error. “Send invites” ending on 2 June but starting on 4 June is skipped with Line 3 (Send invites): ends before it starts, while Book venue (3 days) is still drawn.

Limits and tips

• Around 20 tasks is a practical maximum for one readable image; split big plans by phase.
• For a PNG, convert the SVG with the SVG to PNG converter.