dnakov/nivo

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

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

• supports d3 v4
• responsive charts (<Responsive* /> components)
• highly customizable
• motion/transitions, even the non-d3 based components (DOM managed by React) support transitions within the help of react-motion
• component playground
• exhaustive documentation
• isomorphic rendering
• support for SVG and HTML and canvas (for a subset of components)
• placeholder components for advanced customization (<*Placeholders /> components)
• server side rendering API

Components

• Bar
  • <Bar />
  • <ResponsiveBar />
  • <BarCanvas />
  • <ResponsiveBarCanvas />
• Bubble
  • <Bubble />
  • <ResponsiveBubble />
  • <BubblePlaceholders />
  • <ResponsiveBubblePlaceholders />
• Calendar
  • <Calendar />
  • <ResponsiveCalendar />
• Chord
  • <Chord />
  • <ResponsiveChord />
• HeatMap
  • <HeatMap />
  • <ResponsiveHeatMap />
  • <HeatMapCanvas />
  • <ResponsiveHeatMapCanvas />
• Line
  • <Line />
  • <ResponsiveLine />
• Pie
  • <Pie />
  • <ResponsivePie />
• Radar
  • <Radar />
  • <ResponsiveRadar />
• Sankey
  • <Sankey />
  • <ResponsiveSankey />
• Stream
  • <Stream />
  • <ResponsiveStream />
• Sunburst
  • <Sunburst />
  • <ResponsiveSunburst />
• TreeMap
  • <TreeMap />
  • <ResponsiveTreeMap />
  • <TreeMapHTML />
  • <ResponsiveTreeMapHTML />
  • <TreeMapPlaceholders />
  • <ResponsiveTreeMapPlaceholders />
• Voronoi experimental
  • <Voronoi />
  • <ResponsiveVoronoi />

HTTP API

• <Bar />
• <Bubble />
• <Chord />
• <HeatMap />
• <Line />
• <Pie />
• <Radar />
• <Sankey />
• <Sunburst />
• <TreeMap />

Guides

• colors

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

Credits

• d3
• react
• react-motion
• …