Case Study
2022

sureUI Data Visualization

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