Gantt Chart

Build professional Gantt charts for project management. Chart.ts renders timelines as SVG with task bars, dependencies, milestones, and progress indicators. Style everything with Tailwind CSS. Free and open source, unlike commercial alternatives.

$npm install @chartts/core
example.tsx
import { gantt } from "@chartts/core"

const svg = gantt({
  data: [
    { task: "Design", start: "2026-01-01", end: "2026-01-15", progress: 100 },
    { task: "Frontend", start: "2026-01-10", end: "2026-02-15", progress: 75 },
    { task: "Backend", start: "2026-01-15", end: "2026-02-20", progress: 60 },
    { task: "Testing", start: "2026-02-10", end: "2026-03-01", progress: 20 },
    { task: "Launch", start: "2026-03-01", end: "2026-03-01", milestone: true },
  ],
  task: "task",
  start: "start",
  end: "end",
})

Features

Task bars with start/end dates
Progress indicators on each task
Milestone markers
Task dependencies and links
Zoom levels (day, week, month, quarter)
Tailwind CSS on all elements
SVG rendering for print and export
Read the DocsSee DemosExamples