amCharts 5: GanttJavaScript Gantt chart library
Project timelines and scheduling: drag, resize and link tasks right in the chart. Built on the amCharts 5 XY chart engine.
Planning in Figma? Try our plugin, Gantt by amCharts.
Project management, visualized.
Drag & Drop
Drag tasks to new dates or resize them from either end. Drag in the task list to reorder tasks or nest them. Every edit fires an event, so you can save it.
Task Dependencies
Link one task to the next by dragging between them. When a task ends later, the tasks that depend on it move along.
Multi-Level Categories
Group tasks by project, team, phase, or any hierarchy. Collapsible groups with summary bars.
Progress Tracking
Progress shows inside each bar, and a grip on the bar changes it. A parent task shows the progress of its subtasks.
Dual Timeline
Two timeline rows that adapt as you zoom: years and months, months and weeks, weeks and days, down to hours for plans made in hours.
Theming & Export
Match your app's look with themes. Export to PNG, JPG, SVG or PDF, print, or save the plan as JSON and load it back.
Milestones
Zero-duration tasks mark key deadlines and deliverables. Diamond markers stand out on the timeline without taking up space.
Holidays & Weekends
Durations skip weekends and the holidays you list, and a task never starts on a day off. Weekend days are shaded on the timeline.
Color Coding
Built-in color picker for tasks and categories. Color-code by team, priority, status, or anything else. Set colors in data or let users pick live.
Drag, resize, connect — right in the chart.
amCharts Gantt isn't just a display — it's a full editing surface. Drag tasks to new dates, resize to change duration, draw dependency links between items. Multi-level categories group tasks into phases with automatic summary bars.
This editable Gantt chart supports nested tasks, progress tracking, milestones, and dependency arrows. Try dragging a task bar or resizing its edges. The color picker lets you customize each task.
Full control from your code.
Every edit fires an event. Every property is readable and writable. Save the plan as data or JSON, and load it back later to pick up where you left off.
Switch between read-only and edit mode dynamically. Add, remove, or update tasks programmatically. The Gantt chart is a component in your app, not a black box.
valueschanged. Task bars take click and hover events like any element.AI handles the complexity.
You keep the control.
amCharts has always been powerful. Now AI eliminates the learning curve. Describe what you want — AI writes correct amCharts code.
Need something custom? We'll build it.
Custom scheduling interfaces, resource management dashboards, project timeline integrations — from the team that wrote amCharts. Talk to our team