NumberPicture.js

Low-level building blocks for constructing animated visualizations with React & D3.

Get Started

Shapes

SVG and D3 shape primitives for composing any visualization.

Layouts

Layouts and Collections for joining shapes to datasets.

Animation

Declaratively animate shapes on enter, update and exit with React Motion.

Interaction

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

Isomorphic

Full support for server-side rendering out of the box.

Extras

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