Charts

Gantt chart

A project timeline of bars, milestones and typed dependency arrows. Tasks are drawn, linked and rescheduled by drag or keyboard.

Jul 2026 – Oct 2026

Task
Design
Discovery & audit
Visual language
Design review
Engineering
Primitives
Composites
Code freeze

Installation

npx shadcn@latest add https://nessalabs.ai/r/gantt-chart.json

Examples

Date columns, the critical path, and a task drawn on an empty lane

Jul 2026 – Oct 2026

TaskStartFinishDays
DesignAug 3Aug 2826
Discovery & auditAug 3Aug 1513
Visual languageAug 16Aug 2813
Design reviewAug 29Aug 290
EngineeringAug 30Sep 2729
PrimitivesAug 30Sep 1113
CompositesSep 12Sep 2716
Code freezeSep 28Sep 280

Behaviours

Covered by the component's storybook.

Project PlanDay ScaleMonth ScaleGroup CollapseKeyboard ReschedulingPointer ReschedulingDependent CascadeDependency TypesCritical PathDependency LinkingQuick CreateTask ColumnsDependency ViolationsCustom Task ContentLocalized Labels