Built with Figma & Nivo

Responsive, flexible chart components

Quarterly revenue by policy type

A library by designers, for designers

Each component is built to support actual workflows, with usability, learnability, and flexibility in mind.

Responsive

Charts can be inserted into a a design file, and will responsively re-size to fit any viewport.

Useful

Component controls are mapped 1-to-1 with those in Nivo, a React library built on D3.

Flexible

Charts support modification through various component controls, and direct selection.

Learnable

Docs covering best practices, visual encoding, architecture, and hand-off support learnability.

Unlike existing libraries or plugins (which require heavy intervention), this library was built to be used.