nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook feat(scatterplot): improve scatterplot Oct 18, 2018
api v0.52.0 Dec 10, 2018
branding feat(parallel-coordinates): init package Sep 7, 2018
conf feat(website): generate chart icons from code Dec 11, 2018
examples feat(bar): add support for layers to Bar component Nov 13, 2018
packages feat(website): generate chart icons from code Dec 11, 2018
scripts feat(website): generate chart icons from code Dec 11, 2018
website feat(website): remove responsive components from explorer Dec 11, 2018
.babelrc feat(demo): add command to deploy demo website + storybook Dec 5, 2017
.editorconfig feat(scatterplot): improve scatterplot Oct 18, 2018
.eslintrc.yml feat(parallel-coordinates): init package Sep 7, 2018
.gitignore feat(line): add typescript definitions Oct 17, 2018
.prettierrc feat(code style): add prettier formatting Dec 5, 2017
.travis.yml feat(pie): improve pie components Jun 4, 2018
CHANGELOG.md docs(changelog): update changelog Nov 1, 2018
CONTRIBUTING.md feat(api): move api to main nivo repo Nov 30, 2018
LICENSE.md chore(init): init project Apr 16, 2016
Makefile feat(website): generate chart icons from code Dec 11, 2018
README.md enable open collective Sep 10, 2018
lerna.json v0.52.0 Dec 10, 2018
nivo.png chore(logo): update nivo logo Apr 23, 2016
package.json feat(website): generate chart icons from code Dec 11, 2018
setupTests.js feat(legends): add test for custom symbol shape support Aug 25, 2018
tsconfig.json feat(pie): improve pie components Jun 4, 2018
tslint.json feat(scatterplot): improve scatterplot Oct 18, 2018
yarn.lock feat(website): generate chart icons from code Dec 11, 2018

README.md

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

HTTP API

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