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.


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 ...


  • 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