Gantt Chart and Timeline Maker

A Gantt chart you can use in a minute

A Gantt chart lays your tasks out against a calendar so you can see what happens when, what depends on what, and where the plan is tight. This tool runs entirely in your browser: open it, edit the sample plan or start your own, and everything saves on your device automatically.

Building a plan

1. Add tasks with a start date and a duration in days, or set a start and end date. Click a bar or its name to open the editor below the chart.
2. Add milestones for moments with no duration, such as sign-off or launch. They appear as diamonds.
3. Group tasks under headings such as Plan, Design and Build. Each group gets a colour and a summary bar that spans its tasks and shows overall progress.
4. Link tasks. In the editor choose a predecessor under Starts after. The arrow on the chart shows the link, and the later task will never start before the earlier one has finished.
5. Track progress with the percentage field. The filled part of each bar shows how much is done.

Moving things around

Drag a bar to move it. Drag either end to change the start or the length. Everything snaps to whole days. When a bar moves, any task that depends on it is pushed later so the plan stays valid. On a keyboard, focus a bar and press the left or right arrow to move it a day, or hold Shift to change its length.

Use the Day, Week and Month buttons to zoom. Day view suits a few weeks of work, week view suits a quarter and month view suits a year. The red line marks today.

Sharing the result

• PNG is a sharp image for slides and chat.
• PDF puts the chart on a landscape page for printing or attaching to an email.
• CSV opens in a spreadsheet with start, end, duration and dependencies. You can edit it there and import it back.
• JSON is a complete backup. Import it on another device to continue.

Planning tips

Keep tasks to a few days to a couple of weeks. Anything longer hides risk. Add a buffer task before fixed dates. Put milestones at hand-over points, not in the middle of work, and review the chart weekly so progress stays honest.

When you outgrow it

A browser chart is ideal for one planner. When a team needs shared plans, assignments, reminders and reports, a project workspace is the better fit, and DEV3 can build one around the way you work.