Gantt chart maker. Your plan on one clean axis.

How to use the Gantt Chart Maker

The Gantt Chart Maker draws your tasks as bars on a date axis, with how far along each one is, who owns it and a line for today. You keep a task list on the left and the chart redraws on the right as you edit. It suits small teams and freelancers who need a clear project timeline for a plan, a deck or a client update.

Step by step

1. 1
   Name the project

   Type in Project name at the top. The name is printed at the top left of the chart and is used for the file names when you export. The first visit loads a five task sample plan that starts today, so you can edit it or delete its tasks.

2. 2
   Add your tasks

   Press + Add task. Fill in Task name, Start date and End date, move the % complete slider in steps of 5, add an optional Assignee and pick a Bar color. Press Add task to save it. A new task starts on the end date of the last task and runs for 7 days unless you change the dates.

3. 3
   Edit, delete or reorder

   Each row shows the dates, the length in days and the owner. Press the pencil to edit a task or the cross to delete it. Drag a row by its handle to move it up or down; the chart follows the new order.

4. 4
   Choose the time scale

   Under Time scale, pick Day, Week or Month. Week is the default. Day gives each date the most room for short sprints, and Month fits a long roadmap on screen. Week view starts on a Monday and Month view starts on the 1st.

5. 5
   Set what the chart shows

   Untick Today line, % labels or Gridlines to hide them. The today line only appears when today falls inside the chart's date range.

6. 6
   Export or back up

   Press Download PNG for a sharp image at twice the on-screen pixel size, or Copy image to paste it straight into a chat or a document. Press Export JSON for an editable backup, and Import JSON to load one back in.

Reading the chart

• Each bar runs from the start of its start date to the end of its end date. A task from the 1st to the 7th is listed as 7d.
• The lighter strip inside a bar is the share that is done. A task at 60% has the strip across about three fifths of the bar, and the % label sits inside the bar or just after it when the bar is too short.
• The dashed amber line marked TODAY shows where the current date falls against the plan.
• The top band names each month, and the ticks below show day numbers in Day and Week view or month names in Month view.

Tips and common mistakes

• Deleting a task has no undo and no confirmation. Export JSON before you clean up a big plan.
• If you enter an end date before the start date, the tool swaps them for you.
• The PNG uses the colors of the site theme you are viewing in, so switch to the light theme first if the image is going on a white slide.
• Import JSON replaces the whole current plan. It accepts the file from Export JSON or a plain list of tasks with name, start and end fields.
• If you delete every task, the sample plan comes back the next time the page loads.

Privacy and limits

The chart is drawn in your browser and nothing is uploaded. Your tasks, the project name and the time scale are saved in this browser's local storage and reload on your next visit, and other open tabs of this page pick up the changes. Clearing site data deletes them, so keep an exported JSON file. Copy image needs a browser that allows images on the clipboard.

Back to the tool

Everything a timeline should show.

• Build a visual project timeline with task bars plotted on a date axis, color-coded by team or type.
• Track progress on every task with a % complete slider and a shaded progress bar inside each bar.
• See where you are today with a dashed today line that keeps your plan anchored to the current date.
• Switch time scales between Day, Week and Month views to zoom in or out on your schedule.
• Reorder tasks instantly by dragging rows, and assign each task an owner for clear accountability.
• Export a PNG for decks and reports, or save a JSON backup to re-import the full project later.

Frequently asked questions.

More productivity tools.

Browse the full free-tool library →