• Open in:

Gantt Chart Playground

Welcome to your interactive Gantt chart!

• Click the + button to add a new task.
• To create a subtask, select a task and click + again, or drag one task onto another to make it a child.
• Drag entire tasks to adjust their position in the timeline.
• Resize tasks by dragging the grips at their edges, or fine-tune the duration using the numeric stepper next to the task name.
• Drag the triangle on a task bar to set its progress, or click the pie chart on the left to mark it as 100%.
• Click on the x-axis to add or remove markers.
• Click and drag the circles on tasks to draw connecting lines. Click a line to delete it.
• Use the color picker to set a custom color for any task.

That’s it—have fun planning!

Demo source