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 />
  • <ChordCanvas />
  • <ResponsiveChordCanvas />
• 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
• …