/nivo

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

Primary LanguageJavaScriptMIT LicenseMIT

nivo

License Travis CI NPM version nivo channel on discord styled with prettier

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 better overview of the available one, please try the components explorer.

package components
@nivo/bar @nivo/bar NPM version
Bar
ResponsiveBar
BarCanvas
ResponsiveBarCanvas
@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/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

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