Gantt Chart Maker

Plan projects on a draggable timeline — export as JSON.

How was your experience with this tool?

Found a bug? Missing a feature? Tell us — it takes 10 seconds.

See how it works

Watch a quick simulation of this tool in action — no file needed.

How to use Gantt Chart Maker

Follow these steps — everything happens instantly in your browser.

  1. 1

    Step 1. Add tasks and assign each a color.

  2. 2

    Step 2. Drag bars along the timeline to set start day.

  3. 3

    Step 3. Adjust durations using the sliders below.

  4. 4

    Step 4. Export your schedule as JSON.

Gantt Chart Maker: Drag Tasks on a Visual Timeline

Why this matters

A project plan lives or dies by whether every team member can see the same schedule and understand who is doing what, when. Spreadsheets list tasks and dates, but they do not show overlaps, dependencies, or the visual shape of a project's timeline at a glance. Gantt charts solve this by mapping every task as a horizontal bar along a time axis, making it immediately obvious where work clusters, where gaps exist, and which tasks run in parallel. The format has been the standard for project scheduling since Henry Gantt popularized it around 1910.

This tool gives you an interactive Gantt chart without requiring a project management account, subscription, or software install. Add tasks, assign each one a color from a balanced 8-color palette, drag the bars along a daily timeline to set start dates, and fine-tune durations with sliders below the chart. The timeline supports 5 to 90 days, covering everything from a one-week sprint to a quarterly roadmap. When you are happy with the layout, export the entire schedule as JSON for version control, sharing, or further processing.

Feature summary

| Feature | Detail |

| --- | --- |

| Timeline range | 5 to 90 days |

| Task coloring | 8-color palette, auto-assigned |

| Bar positioning | Drag horizontally along the timeline |

| Duration control | Slider below each task |

| Export format | JSON |

How to use it

Set the total number of days for your timeline (5 to 90) using the input at the top.

Add tasks one at a time — each gets a name, an automatically assigned color, and a default one-day bar.

Drag each bar left or right along the timeline to set its start day.

Use the duration slider below each task to stretch or shrink its length.

Click Export to download the full schedule as a JSON file.

Testing your result

Create three tasks and drag them so that tasks A and B overlap on days 3 through 5 while task C starts on day 8. Visually confirm the overlap is clear and the colors distinguish the bars. Then extend the timeline from 14 days to 30 days and verify that all task positions and durations remain intact. Export the JSON and open it in a text editor to confirm the start days and durations match what you set on the chart. This validates both the visual layout and the data integrity of the export.

Common mistakes

Forgetting to set the timeline range before adding tasks, which can lead to bars being positioned off-screen if you later shorten the range.

Assuming the tool enforces dependencies — tasks are independent rows and can be freely moved without constraint.

Overloading the chart with more than 15 to 20 tasks, which makes the visual layout harder to scan even though the tool does not impose a hard limit.

Edge cases and limitations

The tool does not support task dependencies (linking the end of one task to the start of another), which is a deliberate simplicity tradeoff. Export is JSON only — there is no native .ics calendar export, though you can convert the JSON externally if needed. Tasks are independent rows, so overlapping is fully supported but dependency-driven scheduling is not. Everything runs in your browser with no server-side storage.

Real-world use cases

A product manager mapping out a two-week sprint with parallel design, development, and testing workstreams.

A wedding planner laying out the timeline from venue booking through rehearsal dinner to the ceremony.

A student organizing a group project by assigning each member a visible task bar on a shared schedule.

Frequently asked questions

Q: How many days can the timeline span?

A: From 5 to 90 days, adjustable with the Days input at the top.

Q: Can tasks overlap?

A: Yes — multiple tasks can occupy the same days. Each row is independent.

Q: How are colors picked?

A: Each new task gets the next color in a balanced 8-color palette. Change any task's color with the swatch.

Q: Can I export to a calendar app?

A: Export is JSON only for now. Convert the JSON to .ics using any external tool if needed.

Q: Can I delete a task after adding it?

A: Yes — use the delete control next to each task to remove it from the chart.

Start using it now

Build your project schedule visually with the Gantt Chart Maker. For other visual planning tools, try the Flowchart Maker to map processes or the Kanban Board to track task status. Generate data-driven charts for reports with the Chart Maker, and brainstorm project scope with the Mind Map Maker.

Want the extended step-by-step tutorial? Read it here.

Why use this tool

Private by design

All processing happens locally in your browser. Open DevTools → Network and you'll see zero file uploads. Ever.

Instant

No upload wait, no queue, no server round-trip. Results appear the moment you drop a file.

Free & unlimited

No accounts, no watermarks, no daily caps. Use it as many times as you like, forever.

Works everywhere

Desktop, tablet or phone — every tool is responsive and installable as a PWA for offline use.

Frequently asked questions

Everything you might want to know about gantt chart maker.

❤️ This tool is free — forever.

Sharing it helps more people discover it, and ad revenue from visitors is what keeps it free. No accounts, no catch.

Want to learn more?

Read our complete Gantt Chart Maker tutorial with tips, use cases, and FAQs.