README.md

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 full list, please use the components explorer.

package	components
@nivo/bar
	Bar
	ResponsiveBar
	BarCanvas
	ResponsiveBarCanvas
@nivo/bullet
	Bullet
	ResponsiveBullet
@nivo/circle-packing
	Bubble
	ResponsiveBubble
	BubbleHtml
	ResponsiveBubbleHtml
	BubbleCanvas
	ResponsiveBubbleCanvas
@nivo/calendar
	Calendar
	ResponsiveCalendar
@nivo/chord
	Chord
	ResponsiveChord
	ChordCanvas
	ResponsiveChordCanvas
@nivo/heatmap
	HeatMap
	ResponsiveHeatMap
	HeatMapCanvas
	ResponsiveHeatMapCanvas
@nivo/line
	Line
	ResponsiveLine
@nivo/pie
	Pie
	ResponsivePie
	PieCanvas
	ResponsivePieCanvas
@nivo/parallel-coordinates
	ParallelCoordinates
	ResponsiveParallelCoordinates
	ParallelCoordinatesCanvas
	ResponsiveParallelCoordinatesCanvas
@nivo/radar
	Radar
	ResponsiveRadar
@nivo/sankey
	Sankey
	ResponsiveSankey
@nivo/scatterplot
	ScatterPlot
	ResponsiveScatterPlot
	ScatterPlotCanvas
	ResponsiveScatterPlotCanvas
@nivo/stream
	Stream
	ResponsiveStream
@nivo/sunburst
	Sunburst
	ResponsiveSunburst
@nivo/treemap
	TreeMap
	ResponsiveTreeMap
	TreeMapHtml
	ResponsiveTreeMapHtml
	TreeMapCanvas
	ResponsiveTreeMapCanvas
@nivo/voronoi
	Voronoi
	ResponsiveVoronoi
@nivo/waffle
	Waffle
	ResponsiveWaffle
	WaffleHtml
	ResponsiveWaffleHtml
	WaffleCanvas
	ResponsiveWaffleCanvas

HTTP API

Components available through the HTTP rendering API.

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

Guides

• colors
• legends
• gradients
• patterns

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]

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

Credits

• d3
• react
• react-motion
• …