Supercharged React components to easily build dataviz apps

nivo

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

GitHub