Build a Gantt Chart Online
This Gantt chart maker turns your project schedule into an interactive timeline you can build right in your browser. Each task becomes a horizontal bar spanning its start and end dates, so you can see what happens, when it happens, and how tasks line up at a glance.
Add tasks, organize them into collapsible groups, link them with dependency arrows, and track progress on every bar. Drag a bar to reschedule it, drag its edges to change the duration, and switch between Day, Week, and Month views to zoom from daily detail to a long-term overview. It is well suited to project managers, students, freelancers, and event planners who need a clear timeline without spreadsheet formulas.
How to Make a Gantt Chart
The chart loads with sample tasks so you can explore the interface right away. Modify them or start a new project to build your own schedule.
Add your tasks
Click Add Task, then fill in the task name, start date, end date, progress, and color. A new bar appears on the timeline as soon as you save.
Organize into groups
Click Add Group, then drag tasks onto the group row to nest them. Each group shows the combined date range and average progress of its tasks, and the chevron collapses or expands it.
Schedule on the timeline
Drag a bar sideways to move a task to new dates, or drag its left or right edge to change the start or end. Set a Depends On task in the edit dialog to draw a dependency arrow between bars.
Adjust the view and export
Switch between Day, Week, and Month views and zoom to the right scale. When the schedule looks right, click Export PNG to download a sharp image for your report or presentation.
Features
Interactive Task Bars
Drag a bar to reschedule a task and drag its left or right edge to adjust the start or end date. The task list updates to match.
Collapsible Task Groups
Bundle related tasks into groups that auto-calculate their date range and average progress, and collapse to simplify the view.
Dependency Arrows
Set a finish-to-start dependency in the edit dialog and a curved arrow links the two bars so the task order is clear.
Day, Week, Month Views
Switch between three timeline scales, with weekends highlighted in Day view, to plan at daily detail or a long-term overview.
Zoom Controls
Widen or narrow the timeline columns to fit your screen and project length, with independent zoom ranges for each view mode.
Progress Tracking
Set a completion percentage per task and see it filled in on the bar and as a mini progress bar in the list; groups show the average.
16-Color Palette
Pick from sixteen distinct colors for each task; tasks dropped into a group inherit the group color for a consistent look.
Drag-and-Drop Reordering
Rearrange the task list by dragging rows, drop a task onto a group to nest it, and the timeline reorders instantly.
Resizable Panel
Drag the divider between the task list and timeline to give each panel more room; your preferred width is remembered.
High-Resolution PNG Export
Export the whole chart as a crisp PNG, including the task list, bars, progress, and the today marker, ready to share.
Dark Mode & Auto-Save
A polished dark theme adapts every element including exports, and each change saves automatically in your browser.
Frequently Asked Questions
How do I make a Gantt chart online?
Click Add Task, enter a name with start and end dates, and a bar appears on the timeline. Repeat for each task, drag the bars to fine-tune the schedule, then export the chart as a PNG. There is nothing to install and no sign-up.
What is a Gantt chart used for?
A Gantt chart visualizes a project schedule as horizontal bars on a time axis. It shows what each task is, when it starts and ends, how long it lasts, which tasks depend on others, and how far along each one is, making it easy to plan work and spot scheduling conflicts.
Can I make a Gantt chart without Excel?
Yes. This tool is a dedicated Gantt chart maker, so there are no spreadsheet formulas or templates to wrangle. You add tasks and drag bars directly on the timeline, and the chart handles dates, dependencies, and progress for you.
How do I move a task to different dates?
Click and drag the task bar sideways on the timeline. The start and end dates shift together, keeping the duration the same. To change the duration instead, drag the left or right edge of the bar, or edit the dates directly by double-clicking the task row.
What are task dependencies?
A dependency means one task should start after another finishes. Pick a predecessor in the Depends On dropdown of the edit dialog, and a curved arrow appears on the timeline connecting the two bars so the required order is visible at a glance.
How do groups work?
Groups are collapsible containers for related tasks. Create one with Add Group, then drag tasks onto the group row to nest them. The group automatically shows the combined date range and average progress of its tasks, and the chevron collapses or expands it.
What is the difference between Day, Week, and Month views?
Day view shows one column per day with weekends highlighted, ideal for short, detailed schedules. Week view groups the timeline into weekly columns for medium-range planning. Month view gives a high-level overview for long projects. Use the zoom buttons to adjust column width within any view.
Can I export my Gantt chart?
Yes. Click Export PNG to download a high-resolution image of your chart. The file includes the task list, timeline bars, progress indicators, and the today marker, so it is ready to drop into a presentation or report.
Is my project data saved, and is it private?
Every change saves instantly to your browser's local storage, with no save button needed, and the data stays on your device rather than being uploaded anywhere. It persists when you return, but clearing your browser data or using private mode will remove it.
Does it work on mobile devices?
The layout is responsive and adapts to tablets and phones, and touch dragging is supported with a long-press to move a bar. The full drag-and-drop experience is smoothest on a desktop with a mouse.
No comments yet. Be the first to comment!