airbnb/visx ? reverse-engineered prompt

Reverse engineered prompt

Build me a reusable charting component library for React that makes it easy to create custom data visualizations without having to write d3 code directly.

I want it to be low level and flexible, so I can mix and match small pieces for things like scales, bars, groups, axes, shapes, and layouts, then use them to build my own charts. It should work cleanly with React 18 and 19, and keep bundle size small by letting me import only the parts I need.

Please include a simple example like a bar chart, plus a docs style gallery page with a few polished demo charts so it feels easy to explore. The library should be written in TypeScript, follow modern React patterns, and be designed so other teams could build their own chart system on top of it. If you need to check current docs or best practices for React and SVG charting, look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab