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 just have to pick the scoped @nivo packages according to the charts you wish to use.
yarn add @nivo/bar @nivo/sankey ...
Features
- Highly customizable
- Motion/transitions, powered by react-motion
- Component playground
- Exhaustive documentation
- Isomorphic rendering
- SVG charts
- HTML charts
- Canvas charts
- server side rendering API
- SVG patterns
- Gradients
- responsive charts
Discussion
Join the nivo discord community.
Packages & components
nivo is comprised of several packages/components, for a better overview of the available one, please try the components explorer.
HTTP API
Components available through the HTTP rendering API.
Guides
Repositories
- nivo - nivo packages, website, storybook and examples
- nivo-api - the nivo http api
- nivo-api-docker - a Docker image for the nivo http api