Gantt Chart Generator

How to use

1. 1Paste your tasks into the input box. One row per line in the format Task name, YYYY-MM-DD, duration. Use the keyword milestone instead of a duration to draw a diamond marker.
2. 2Group rows by adding a section header line that starts with a single # (for example # Discovery). Append a trailing 60% to any task to draw a progress overlay.
3. 3Tune the visual options: tick density (auto, daily, weekly, monthly), color mode (palette, single, per row), weekend shading, gridlines, today line, and label position.
4. 4Set the chart title, width, height, font size, row height, and bar padding to fit the destination. Use the range overrides if you want the axis to start or end on a specific date.
5. 5Click Copy SVG, Download .svg, or Download .png to export. The PNG export uses the exact same SVG so the print and web versions stay identical.

About this tool

Gantt Chart Generator turns a short list of task rows into a polished SVG Gantt chart you can drop into a status update, slide deck, project README, or planning doc. Type or paste one row per line in the format Task, YYYY-MM-DD, days. The third column accepts a duration (5, 2w, 1mo), a second date for explicit start and end, or the keyword milestone to draw a diamond marker. Append a trailing percentage like 60% to print a progress overlay across the completed share of the bar. Add a hex color or CSS color name as the fourth column to override the palette for that row. Lines that start with a single # become section headers, so Discovery, Design, Build, and Launch swimlanes group naturally without extra ceremony. Lines that start with // or ## are comments and are skipped. The date axis ticks at day, week, or month granularity (auto by default, with a manual override) and labels major ticks at Monday or the first of the month so the timeline reads cleanly at any zoom level. Weekend shading drops in lightly on day and week views, gridlines, a Today marker, transparent background, font family, font size, row height, bar padding, and corner radius are all exposed in the options panel and update the preview deterministically. The 12-color palette mode assigns a distinct color per row, single color mode paints every bar in one brand color, and per row mode reads the color column from your data so the chart matches a corporate palette. The preview, the copyable SVG markup, and the one-click PNG export are always in sync because they come from the same SVG string built in a memoized render. Useful for project status updates, sprint plans, marketing launch calendars, content calendars, conference timelines, classroom assignment plans, construction schedules, product roadmaps, and any short plan where opening a full project management app feels heavy. Everything runs in your browser. The tasks, dates, colors, and titles you type stay in component state and are never uploaded.

Free to use. Works in your browser. No signup, no login.