React + D3
Number Picture is a collection of low-level React components for declaratively composing animated, interactive SVG visualizations. React handles the DOM structure and D3 handles the animations + math.
SVG and D3 shape primitives for composing any visualization. Circle, Line, Arc, Rect, SymbolShape and more.
Layouts and Collections for joining shapes to datasets. Pie, Pack, Grid, ForceSimulation and more.
Declaratively animate shapes on enter, update and exit with many easing functions.
Visualizations can be made interactive using built-in React event handlers.
Full support for server-side rendering without any extra work needed.
Comes with extra utility components for rendering axes, patterns and annotations.