Built with Figma & Nivo
Responsive, flexible chart components
Revenue from Premiums
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.
Try it out
Responsive
Built for drag-and-drop
Charts can be inserted into a a design file, and will responsively re-size to fit any viewport.

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

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

Learnable
In-depth documentation
Docs covering best practices, visual encoding, architecture, and hand-off support learnability.

A Figma library that actually works
Unlike existing libraries or plugins (which require heavy intervention), this library was built to be used.
Try it out
Gallery








