faq
Frequently asked questions
DitherCharts is a set of dithered chart components and form controls for React. You install the source with one CLI command and own every line.
What is DitherCharts?
Dithered chart components for React: area, bar, line, pie, radar and radial charts, plus matching form controls. Each chart draws its marks with a dither pattern, like the original Macintosh, instead of flat color.
How do I install DitherCharts?
Run npx dithercharts login, then npx dithercharts add area-chart from your app's folder. The CLI copies the source into components/dithercharts/, so you own and can edit every line.
Do I need shadcn/ui or Tailwind?
No. The charts use plain CSS and --dc-* variables that fall back to shadcn/ui tokens when your app has them. You need React 19 with TypeScript.
Are the charts accessible?
Every chart can be explored with the keyboard and renders a data table twin for screen readers.
How much does DitherCharts cost?
Pro is a one-time payment of $129 for lifetime access to every chart and form control, including new ones. There's no subscription.
Billing and licensing questions are answered on the pricing page.