Gantt Chart Builder
Turns a task table — typed in or pasted as CSV — into a Gantt chart on a day, week or month scale with dependency arrows, milestones, a today line and weekend shading, exported as SVG or PNG or printed.
A task table in, a calendar chart out. The table is plain CSV that can be pasted from a spreadsheet and pasted back, and the chart is an SVG you can download, print or drop into a slide — no project file, no account, no round trip through a planning tool.
Tasks
| Task | Start | End | After | Progress | Milestone | |
|---|---|---|---|---|---|---|
Edit as CSV (paste from a spreadsheet)
Columns: task, start, end (or duration in days), after (an id or a name; separate several with ;), progress. If the first line is a header the column order is up to you. A task whose start and end are the same day can be drawn as a milestone.
Chart
An arrow means the task starts after its predecessor finishes (finish-to-start); it does not move the dates for you. Weekends are shaded but are still counted in the day arithmetic.
How to use it
Fill the table, or paste one in
Task, start, end — or a duration in days instead of an end. The CSV box under the table is the same document, so a schedule already in a spreadsheet goes straight in.
Link the dependencies
The “after” column takes an id or a task name; several are separated by a semicolon. Each becomes an arrow on the chart.
Choose the scale
Day, week or month. A three-month project on a day scale is a chart nobody can read on a slide; switch to weeks and the shape appears.
Export as SVG, PNG or print
The PNG is the same SVG rasterised at 2×, so what downloads is exactly what is on the screen.
Common questions
If I move a task, do the ones after it move too?
No. An arrow means finish-to-start as a statement about the plan, not a constraint the tool enforces. Rescheduling by hand is deliberate: automatic cascades in project tools are where schedules quietly become fiction.
Are weekends excluded from the durations?
No. Weekends are shaded so you can see them, but a task from Friday to Monday is four days, not two. Working-day arithmetic depends on a holiday calendar this tool does not have.
How do I mark a milestone?
Tick the milestone box, or give the task the same start and end date — a zero-length task with a name like “launch” or “출시” is drawn as a diamond automatically.
Can I open it in MS Project?
Not as a project file. The CSV imports into most planners as a task list, but the dependency arrows and the milestone flags are this tool’s own columns and are unlikely to survive the trip.
Feed it from
Diagram as Code
Renders Mermaid flowcharts, sequence diagrams and pie charts as you type with its own parser and layout, lists exactly which syntax it supports, and exports SVG or PNG.
Todo List
Keeps a checklist in your browser with due dates, tags and keyboard-first editing, exportable as Markdown.
Stopwatch
Times elapsed intervals with lap splits and exports the laps as a table.
World Clock
Shows several cities at once with their offsets and marks the hours everyone is awake.
Next
These accept what this tool produces, so the result can go straight in.
Business Day Counter
Counts working days between dates, or finds the date N working days out, excluding weekends and holidays.
Quick Chart
Draws a bar, line, area, pie or scatter chart from a table with round-number axes and a legend, and exports it as SVG or PNG.
Diagram as Code
Renders Mermaid flowcharts, sequence diagrams and pie charts as you type with its own parser and layout, lists exactly which syntax it supports, and exports SVG or PNG.
Todo List
Keeps a checklist in your browser with due dates, tags and keyboard-first editing, exportable as Markdown.
Base64 Encoder & Decoder
Encodes and decodes Base64 and Base64URL for text or files, handling UTF-8 correctly.
Background Remover
Keys out a flat or single-colour background in OKLab and returns a transparent PNG, with a brush for fixing the edges.