nivo

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/>
  • <ResponsiveBar/>
  • <BarCanvas/>
  • <ResponsiveBarCanvas/>
• Bubble
  • <Bubble/>
  • <ResponsiveBubble/>
  • <BubbleHtml/>
  • <ResponsiveBubbleHtml/>
  • <BubbleCanvas/>
  • <ResponsiveBubbleCanvas/>
• 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/>
  • <TreeMapCanvas/>
  • <ResponsiveTreeMapCanvas/>
• Voronoi experimental
  • <Voronoi/>
  • <ResponsiveVoronoi/>

HTTP API

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

Guides

• colors
• gradients
• patterns

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
• …