React + D3 = VX
vx is collection of reusable low-level visualization components.
vx combines the power of
d3 to generate your visualization with the benefits of
react for updating the DOM.
The goal is to create a library of components you can use to make both your own reusable chart library or your slick custom one-off chart.
vx is largely unopinionated and is meant to be build on top of. Keep your bundle sizes down and use only the packages you need.
Under the hood,
vx is using
d3 for the calculations and math. If you're creating your own awesome chart library ontop of vx, it's easy to create a component api that hides
d3 entirely. Meaning your team could create charts as easily as using reusable react components.
Mixing two mental models for updating the DOM is never a good time. Copy and pasting d3 code into
componentDidMount() is just that. This collection of components lets you easily build your own reusable visualization charts or library without having to learn d3. No more selections or
vx stands for visualization components.
Do you plan on supporting animation/transitions?
Do I have to use every package to make a chart?
nope! pick and choose the packages you need.
Can I use this to create my own library of charts for my team?
I like using