/nivo

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

Primary LanguageJavaScriptMIT LicenseMIT

nivo

Backers on Open Collective Sponsors on Open Collective License Travis CI NPM version nivo channel on discord

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

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

Components available through the HTTP rendering API.

Guides

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