Dither Kit Charts

How to use Dither Kit Charts

1. Pick a chart type: area, line, bar, pie or radar.
2. Choose a sample dataset, then pick a seed colour and a fill variant.
3. Turn bloom on to add the additive colour glow, or leave it off for a flat pixel look.
4. Hover the chart to scrub values, or hover a pie slice to see its share.
5. Copy the shadcn install command for the chart you want and add it to your project.

Features

• Real ordered-dither engine ported verbatim: Bayer 4x4 matrix, paintColumn, bloom presets
• Five chart types: area, line, bar, pie and radar, all rendered on canvas
• 8 sample datasets with hover scrubbing and tooltips
• 7 seed colours, 3 fill variants (solid, dotted, hatched) and 4 bloom levels
• Full registry list with one-click shadcn install commands
• Runs 100% locally in your browser: no API keys, no sign-up

Frequently asked questions