
!Licenselicense-imagelicense-url !Travis CItravis-imagetravis-url !NPM versionnpm-imagenpm-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
- 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.Components
- Bar
- [`<Bar/>`](http://nivo.rocks/#/bar)
- [`<ResponsiveBar/>`](http://nivo.rocks/#/bar)
- [`<BarCanvas/>`](http://nivo.rocks/#/bar/canvas)
- [`<ResponsiveBarCanvas/>`](http://nivo.rocks/#/bar/canvas)
- Bubble
- [`<Bubble/>`](http://nivo.rocks/#/bubble)
- [`<ResponsiveBubble/>`](http://nivo.rocks/#/bubble)
- [`<BubbleHtml/>`](http://nivo.rocks/#/bubble/html)
- [`<ResponsiveBubbleHtml/>`](http://nivo.rocks/#/bubble/html)
- [`<BubbleCanvas/>`](http://nivo.rocks/#/bubble/canvas)
- [`<ResponsiveBubbleCanvas/>`](http://nivo.rocks/#/bubble/canvas)
- Calendar
- [`<Calendar/>`](http://nivo.rocks/#/calendar)
- [`<ResponsiveCalendar/>`](http://nivo.rocks/#/calendar)
- Chord
- [`<Chord/>`](http://nivo.rocks/#/chord)
- [`<ResponsiveChord/>`](http://nivo.rocks/#/chord)
- [`<ChordCanvas/>`](http://nivo.rocks/#/chord/canvas)
- [`<ResponsiveChordCanvas/>`](http://nivo.rocks/#/chord/canvas)
- HeatMap
- [`<HeatMap/>`](http://nivo.rocks/#/heatmap)
- [`<ResponsiveHeatMap/>`](http://nivo.rocks/#/heatmap)
- [`<HeatMapCanvas/>`](http://nivo.rocks/#/heatmap/canvas)
- [`<ResponsiveHeatMapCanvas/>`](http://nivo.rocks/#/heatmap/canvas)
- Line
- [`<Line/>`](http://nivo.rocks/#/line)
- [`<ResponsiveLine/>`](http://nivo.rocks/#/line)
- Pie
- [`<Pie/>`](http://nivo.rocks/#/pie)
- [`<ResponsivePie/>`](http://nivo.rocks/#/pie)
- Radar
- [`<Radar/>`](http://nivo.rocks/#/radar)
- [`<ResponsiveRadar/>`](http://nivo.rocks/#/radar)
- Sankey
- [`<Sankey/>`](http://nivo.rocks/#/sankey)
- [`<ResponsiveSankey/>`](http://nivo.rocks/#/sankey)
- Stream
- [`<Stream/>`](http://nivo.rocks/#/stream)
- [`<ResponsiveStream/>`](http://nivo.rocks/#/stream)
- Sunburst
- [`<Sunburst/>`](http://nivo.rocks/#/sunburst)
- [`<ResponsiveSunburst/>`](http://nivo.rocks/#/sunburst)
- TreeMap
- [`<TreeMap/>`](http://nivo.rocks/#/treemap)
- [`<ResponsiveTreeMap/>`](http://nivo.rocks/#/treemap)
- [`<TreeMapHTML/>`](http://nivo.rocks/#/treemap/html)
- [`<ResponsiveTreeMapHTML/>`](http://nivo.rocks/#/treemap/html)
- [`<TreeMapCanvas/>`](http://nivo.rocks/#/treemap/canvas)
- [`<ResponsiveTreeMapCanvas/>`](http://nivo.rocks/#/treemap/canvas)
- Voronoi
experimental
- [`<Voronoi/>`](http://nivo.rocks/#/voronoi)
- [`<ResponsiveVoronoi/>`](http://nivo.rocks/#/voronoi)
HTTP API
Guides
Repositories
- nivo - the nivo library
- nivo-api - the nivo http api
- nivo-api-docker - a Docker image for the nivo http api
- nivo-generators - the data generators used for nivo-website and http API samples
- nivo-website - the source for the nivo website