// the find
beizhedenglong/rough-charts
📈 A responsive, composable react charting library with a hand-drawn style.
Rough Charts wraps roughjs and d3 in a composable React component API so you can render charts that look hand-drawn — wobbly lines, sketchy fills, the whole aesthetic. It's a novelty library for presentations, personal projects, or anywhere you want data to feel informal rather than corporate.
The composable ChartProvider pattern is well thought out — you mix and match Series components the same way Recharts does, so the learning curve is shallow if you've touched any d3-based React library before. TypeScript throughout, which at least means autocomplete works. The underlying react-roughjs package is published separately, so you can use the primitive shapes independently without pulling in the charting layer. Storybook coverage is decent — most chart types have interactive examples.
Dead project: last commit was November 2020, nearly six years ago. React and its ecosystem have moved significantly since then and there's been zero maintenance. No tests visible anywhere in the repo — a charting library with no unit tests for scale calculations or data transforms is asking for subtle rendering bugs. Chart type coverage is thin: line, bar, area, arc, circle — nothing for scatter with custom shapes, candlestick, heatmap, or any financial/statistical type. Tooltip implementation looks rudimentary; expect pain if you need anything beyond basic hover labels.