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.

Shapes

SVG and D3 shape primitives for composing any visualization. Circle, Line, Arc, Rect, SymbolShape and more.

Layouts

Layouts and Collections for joining shapes to datasets. Pie, Pack, Grid, ForceSimulation and more.

Animation

Declaratively animate shapes on enter, update and exit with many easing functions.

Interaction

Visualizations can be made interactive using built-in React event handlers.

Isomorphic

Full support for server-side rendering without any extra work needed.

Extras

Comes with extra utility components for rendering axes, patterns and annotations.