martingordon / 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

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