Editable Gantt Chart
Our Gantt chart is not just a static display of information — it’s a fully interactive editor. You can create new tasks, rearrange their order, and organize them into categories and subcategories. Build dependencies by drawing links between tasks, or add timeline markers simply by clicking on the X-axis.
For easier navigation, categories can be collapsed or expanded, and the layout is flexible with draggable columns. Task durations are fully adjustable — either by dragging their edges directly on the chart or by entering precise values with a numeric stepper.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create an editable Gantt chart using am5gantt.Gantt with 7 color-coded project phases (Idea, Kick-off, Planning, Development, Testing, Finalization, Release). Each task has a start date, duration in days, and a progress indicator. Set editable: true. Use different am5.color() values for each task. Apply smooth entrance animations. Use amCharts 5 library.
Demo source