Gantt charts display project tasks as horizontal bars along a time axis, making it easy to see task durations, overlaps, and dependencies. They are the standard tool for project scheduling and progress tracking, supporting features like milestone markers, progress indicators, and resource allocation views.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Software Release — Project Schedule"
  },
  "data": [
    {
      "task": "Requirements Gathering",
      "start": 0,
      "end": 14,
      "phase": "Planning"
    },
    {
      "task": "System Design",
      "start": 10,
      "end": 28,
      "phase": "Planning"
    },
    {
      "task": "Database Schema",
      "start": 22,
      "end": 35,
      "phase": "Development"
    },
    {
      "task": "Backend API",
      "start": 28,
      "end": 55,
      "phase": "Development"
    },
    {
      "task": "Frontend UI",
      "start": 30,
      "end": 60,
      "phase": "Development"
    },
    {
      "task": "Integration",
      "start": 52,
      "end": 68,
      "phase": "Development"
    },
    {
      "task": "QA Testing",
      "start": 60,
      "end": 80,
      "phase": "Testing"
    },
    {
      "task": "User Acceptance",
      "start": 76,
      "end": 88,
      "phase": "Testing"
    },
    {
      "task": "Deployment",
      "start": 86,
      "end": 90,
      "phase": "Release"
    }
  ],
  "series": [
    {
      "type": "gantt",
      "taskKey": "task",
      "startKey": "start",
      "endKey": "end",
      "fill": "#6366f1",
      "fillOpacity": 0.8
    }
  ],
  "axes": [
    {
      "position": "bottom",
      "title": {
        "text": "Day"
      }
    },
    {
      "position": "left"
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

A classic Gantt showing overlapping phases of a software development project across a 90-day timeline.

PreviousDependency Wheel Next Force Graphs

Was this article helpful?