DitherCharts
Charts with 1984 Mac energy, for React
Start new thread

DitherCharts - Charts with 1984 Mac energy, for React

by•
The classic 1-bit look of the original Macintosh, as real React components. Area, bar, pie and a dozen more charts, plus form controls, dithered with Atkinson, Bayer, mezzotint or woodcut. One CLI command copies the source into your app, so you own the code. Works with shadcn/ui, but doesn't need it. Pro is $129 once, with lifetime updates. No subscription.

Add a comment

Replies

Best
Maker
📌

I built because I wanted some slick charts with that retro 1984 Mac energy.

What's in it:

  • Area, bar, line, pie, radar, radial, sparkline, scatter, combo, treemap, funnel, waterfall and heatmap charts, plus tooltips and form controls, all dithered (Atkinson, Bayer, mezzotint, woodcut)

  • Copy-paste install in your terminal: npx dithercharts add area-chart

  • Claude Code, ChatGPT, Cursor and other agents can run the CLI for you

  • Works with shadcn/ui, but doesn't need it (React 19 + TypeScript)

  • Keyboard accessible, with a data table for screen readers

  • Free extras: a photo ditherer that runs in your browser (nothing is uploaded) and 376 dithered 16×16 icons (SVG/React/PNG)

Pricing is one-time with no subscription: Pro is $129 for one developer, and Team is $499 for up to 10. You can try the styles for free in the Dither Lab.

I'd love to know which chart you'd dither first. And the 1984 demo video is at .

Can't wait to try it out. The dither styling is fresssssh.