Gantt Chart Maker

Each task appears as a colored bar on the timeline. Click and drag a bar to move the task to new dates, or drag its left or right edge to adjust the start or end date. The task list updates automatically to reflect your changes.

Organize related tasks into collapsible groups. Groups automatically calculate their date range from the earliest to latest task, and show the average progress of all tasks within. Collapse groups to simplify the view when working on other parts of the project.

Define finish-to-start dependencies between tasks. When a task depends on another, a curved arrow appears on the timeline connecting the end of the predecessor to the start of the successor, making scheduling relationships clear at a glance.

Switch between three timeline views to see your project at different levels of detail. Day view shows individual days with weekend highlighting. Week view groups the timeline into weekly columns. Month view provides a high-level overview for longer projects.

Adjust the timeline scale with zoom in and zoom out buttons. Each view mode has independent zoom ranges, letting you find the perfect column width for your screen size and project duration.

Set a completion percentage for each task using the progress slider in the edit modal. Progress is visualized as a filled portion of each bar on the timeline and as a mini progress bar in the task list. Groups display the average progress of their tasks.

Choose from 16 distinct colors for each task. Colors appear on the task bar, the progress fill, and the color indicator in the task list. When tasks are dragged into a group, they automatically inherit the group's color for visual consistency.

Rearrange tasks in the list by dragging them to new positions. Drop a task onto a group row to add it to that group, or drop it outside any group to make it standalone. The timeline updates instantly to reflect the new order.

Drag the divider between the task list and timeline to adjust how much space each panel gets. Your preferred width is saved and restored automatically.

Export your Gantt chart as a high-resolution PNG image. The exported image includes the task list, timeline bars, progress indicators, and today marker, making it ready to share in presentations or reports.

The Gantt chart fully supports dark mode with carefully chosen colors for comfortable viewing in low-light environments. All elements including the toolbar, task panel, timeline, modal, and exported images adapt to your theme preference.

Yes. Every change you make, whether adding tasks, moving bars, adjusting dates, or changing colors, is saved instantly to your browser's local storage. There is no save button needed.

No. Your project data persists in your browser's storage and will be there when you return. However, clearing your browser data or using private/incognito mode will remove the saved data.

Click and drag the task bar horizontally on the timeline. The start and end dates shift together, keeping the task duration the same. You can also edit the dates directly in the edit modal by double-clicking the task row.

Hover over a task bar on the timeline to reveal resize handles on the left and right edges. Drag the left handle to change the start date or the right handle to change the end date.

Dependencies indicate that one task should start after another finishes. When you set a dependency in the edit modal, a curved arrow appears on the timeline connecting the two tasks. This helps visualize the order in which tasks need to be completed.

Groups are collapsible containers for organizing related tasks. Create a group with the "Add Group" button, then drag tasks onto the group row to add them. Groups automatically show the combined date range and average progress of their tasks. Click the chevron arrow to collapse or expand a group.

Day view shows each day as a column, with weekend days highlighted. Week view shows weekly columns for medium-range planning. Month view provides a high-level overview with monthly columns, ideal for long-term projects. Use the zoom buttons to adjust column width within each view.

Yes. Click the download icon in the toolbar to export your chart as a high-resolution PNG image. The exported file includes the task list, timeline bars, progress indicators, and today marker.

Click the new project icon (page with plus) in the toolbar. If you have existing tasks, you'll be asked to confirm before clearing. You can also rename the project by editing the project name field in the toolbar.

The chart is responsive and works on tablets and phones. On smaller screens, the layout adjusts to fit available space. However, the full drag-and-drop experience works best on desktop with a mouse.