[![License][license-image]][license-url] [![Travis CI][travis-image]][travis-url] [![NPM version][npm-image]][npm-url] [![nivo channel on discord](https://img.shields.io/badge/discord-nivo-61dafb.svg?style=flat-square)](https://discord.gg/n7Ft74f) [![Dependencies][gemnasium-image]][gemnasium-url] **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. ## Features - Highly customizable - Motion/transitions, powered by [react-motion](https://github.com/chenglou/react-motion) - [Component playground](http://nivo.rocks) - [Exhaustive documentation](http://nivo.rocks) - Isomorphic rendering - [SVG charts](http://nivo.rocks/#/components?filter=svg) - [HTML charts](http://nivo.rocks/#/components?filter=html) - [Canvas charts](http://nivo.rocks/#/components?filter=canvas) - [server side rendering API](https://github.com/plouc/nivo-api) - [SVG patterns](http://nivo.rocks/#/guides/patterns) - [Gradients](http://nivo.rocks/#/guides/gradients) - [responsive charts](http://nivo.rocks/#/components?q=responsive) ## Discussion Join the [nivo discord community](https://discord.gg/n7Ft74f). ## Components - Bar - [``](http://nivo.rocks/#/bar) - [``](http://nivo.rocks/#/bar) - [``](http://nivo.rocks/#/bar/canvas) - [``](http://nivo.rocks/#/bar/canvas) - Bubble - [``](http://nivo.rocks/#/bubble) - [``](http://nivo.rocks/#/bubble) - [``](http://nivo.rocks/#/bubble/html) - [``](http://nivo.rocks/#/bubble/html) - [``](http://nivo.rocks/#/bubble/canvas) - [``](http://nivo.rocks/#/bubble/canvas) - Calendar - [``](http://nivo.rocks/#/calendar) - [``](http://nivo.rocks/#/calendar) - Chord - [``](http://nivo.rocks/#/chord) - [``](http://nivo.rocks/#/chord) - [``](http://nivo.rocks/#/chord/canvas) - [``](http://nivo.rocks/#/chord/canvas) - HeatMap - [``](http://nivo.rocks/#/heatmap) - [``](http://nivo.rocks/#/heatmap) - [``](http://nivo.rocks/#/heatmap/canvas) - [``](http://nivo.rocks/#/heatmap/canvas) - Line - [``](http://nivo.rocks/#/line) - [``](http://nivo.rocks/#/line) - Pie - [``](http://nivo.rocks/#/pie) - [``](http://nivo.rocks/#/pie) - Radar - [``](http://nivo.rocks/#/radar) - [``](http://nivo.rocks/#/radar) - Sankey - [``](http://nivo.rocks/#/sankey) - [``](http://nivo.rocks/#/sankey) - Stream - [``](http://nivo.rocks/#/stream) - [``](http://nivo.rocks/#/stream) - Sunburst - [``](http://nivo.rocks/#/sunburst) - [``](http://nivo.rocks/#/sunburst) - TreeMap - [``](http://nivo.rocks/#/treemap) - [``](http://nivo.rocks/#/treemap) - [``](http://nivo.rocks/#/treemap/html) - [``](http://nivo.rocks/#/treemap/html) - [``](http://nivo.rocks/#/treemap/canvas) - [``](http://nivo.rocks/#/treemap/canvas) - Voronoi `experimental` - [``](http://nivo.rocks/#/voronoi) - [``](http://nivo.rocks/#/voronoi) ## [HTTP API](https://github.com/plouc/nivo-api) - [``](https://nivo-api.herokuapp.com/samples/bar.svg) - [``](https://nivo-api.herokuapp.com/samples/bubble.svg) - [``](https://nivo-api.herokuapp.com/samples/chord.svg) - [``](https://nivo-api.herokuapp.com/samples/heatmap.svg) - [``](https://nivo-api.herokuapp.com/samples/line.svg) - [``](https://nivo-api.herokuapp.com/samples/pie.svg) - [``](https://nivo-api.herokuapp.com/samples/radar.svg) - [``](https://nivo-api.herokuapp.com/samples/sankey.svg) - [``](https://nivo-api.herokuapp.com/samples/sunburst.svg) - [``](https://nivo-api.herokuapp.com/samples/treemap.svg) ## Guides - [colors](http://nivo.rocks/#/guides/colors) - [gradients](http://nivo.rocks/#/guides/gradients) - [patterns](http://nivo.rocks/#/guides/patterns) ## Repositories - [nivo](https://github.com/plouc/nivo) - the nivo library - [nivo-api](https://github.com/plouc/nivo-api) - the nivo http api - [nivo-api-docker](https://github.com/plouc/nivo-api-docker) - a Docker image for the nivo http api - [nivo-generators](https://github.com/plouc/nivo-generators) - the data generators used for nivo-website and http API samples - [nivo-website](https://github.com/plouc/nivo-website) - the source for the nivo website ## Credits - [d3](https://d3js.org/) - [react](https://facebook.github.io/react/) - [react-motion](https://github.com/chenglou/react-motion) - … [license-image]: https://img.shields.io/github/license/plouc/nivo.svg?style=flat-square [license-url]: https://github.com/plouc/nivo/blob/master/LICENSE.md [npm-image]: https://img.shields.io/npm/v/nivo.svg?style=flat-square [npm-url]: https://www.npmjs.com/package/nivo [travis-image]: https://img.shields.io/travis/plouc/nivo.svg?style=flat-square [travis-url]: https://travis-ci.org/plouc/nivo [gemnasium-image]: https://img.shields.io/gemnasium/plouc/nivo.svg?style=flat-square [gemnasium-url]: https://gemnasium.com/plouc/nivo

	Stars	Issues	Version	Updated	Created
d3.js	154	4	0.0.2-security	7 years ago	7 years ago
nivo	13,083	139	0.31.0	7 years ago	8 years ago
vega	11,171	474	5.30.0	3 months ago	11 years ago
vega-lite	4,635	743	5.21.0	23 days ago	9 years ago

d3.js vs nivo vs vega vs vega-lite

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past