nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.

Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.

Installation

In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use:

yarn add @nivo/core @nivo/bar

Features

• Highly Customizable
• Motion/Transitions, powered by react-spring
• Interactive Components Playground
• Exhaustive Documentation
• SVG Charts
• HTML Charts
• Canvas Charts
• Server Side Rendering and HTTP API
• Patterns & Gradients
• Theming
• Responsive Charts

Discussion

Join the nivo discord community.

Packages & components

nivo is comprised of several packages/components, for a full list, please use the Components Explorer.

Guides

• Axes
• Colors
• Legends
• Gradients
• Patterns
• Theming

Backers

Donations are welcome to help improving nivo [Become a backer]

Open Collective Sponsors

Support this project by becoming a sponsor, your logo will show up here with a link to your website. [Become a sponsor]