zheng2x2 / nivo Goto Github PK

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

Join the nivo discord community.

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

Components available through the HTTP rendering API.

• Bar
• Bubble
• Chord
• HeatMap
• Line
• Pie
• Radar
• Sankey
• Sunburst
• TreeMap

• colors
• legends
• gradients
• patterns

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

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

• nivo - nivo packages, website, storybook and examples
• nivo-api - the nivo http api
• nivo-api-docker - a Docker image for the nivo http api

• d3
• react
• react-motion
• …