Charts
Canvas-rendered, dither-kit charts by tripwire.sh.
Install every chart at once:
pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/dither-kit/dither-kit.jsonArea & Line Chart
Composable area/line chart — dithered fill, a gliding scrub tooltip, and multi-series support. Ships with Sparkline for the decorative case.
Gradient
Stacked
stackType="stacked", one series per fill variant.
Line
Same root, LineChart + <Line> instead of <Area>.
Sparkline
Decorative — no axes/grid/tooltip. Drop it in a stat card.
Weekly active users
12,480
Refund rate
3.2%
Bar Chart
Grouped, stacked, or percent-stacked bar series with the same dither fill and tooltip.
Grouped
Stacked
Percent
stackType="percent" — every bar sums to 100%.
Pie Chart
Donut mode via innerRadius, with the in-flow BlockLegend for slice counts higher than the overlay Legend can hold.
Donut
- Direct
- Search
- Social
- Referral
Full pie
innerRadius omitted (defaults to 0) for a solid wedge.
- Web
- iOS
- Android
Radar Chart
Composable radar — one closed polygon per series.
Default
Two overlapping series across five spokes.