Skip to content

Gantt

GraphGantt

Schedule chart. start and end are fractions from 0 to 1 along the track.

Command

pnpm dlx shadcn@latest add <origin>/r/graph-gantt.json

Launch

complete sets bar fill. progress marks the current date on the track.

[ LAUNCH ]
  • design
  • build
  • docs
  • ship
q1q2q3q4

Week

A denser track. Same API.

[ THIS WEEK ]
  • rfc
  • patch
  • review
monwedfri

Props

PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
itemsGanttItem[]label, start, end, optional complete (0–1 fill inside the bar).
ticksstring[]Labels under the track, spaced at the ends.
columnsnumber24Track width in characters.
stagestringRow label to focus. Other rows recede.
progressnumber0–1 playhead. Draws ▾ on the track.
glyphs"shade" | "ascii" | "hash" | "bar" | string[]"shade"Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.