All 100+ types
Every chart type, grouped by the question it answers. Each one is a Figma component and a React component with the same name, and each page has its install command, props and sample data.
Change over time
24 types- 010Line
- 011Area
- 012Multi-line
- 013Overlapping areas
- 014Streamgraph
- 015Forecast band
- 025Calendar heatmap
- 026Cohort
- 036Candlestick
- 046Bar and line combo
- 051Spiral year
- 054Horizon
- 056Renko
- 080Underwater drawdown
- 084Stock sawtooth
- 090Funding stripes
- 094Radial lollipop
- 101Budget runway
- 104Runs with brush
- 105Target trend
- 110Incident tape
- 111Threshold what-if
- 113Burn-down
- 117Version ribbon
Compare items
19 typesPart of a whole
16 typesDistribution
17 typesFlow between steps
11 typesRelationship
17 typesSchedule and status
19 types- 037Gantt
- 038Block timeline
- 052Radial hour heatmap
- 061Event barcode
- 067Marey schedule
- 070Uptime bars
- 079Milestone track
- 086Punch card
- 092Tachograph
- 099Pass/fail grid
- 100Split calendar
- 103Weekly rhythm
- 107Span waterfall
- 120Key timeline
- 122Ownership matrix
- 123Rota lanes
- 124Replay lanes
- 125Session lanes
- 131Alert fire strip