Reusable. Declarative. Yours.

Everyone loves charts, so r3 library was built. With React and D3.

D3 has excellent maths and abstraction on the data such as d3-scale and d3-array. React pretty use for components and DOM manipulation. We want to leverage React's highly efficient, declarative, and reusable components with D3's data utility functions. Also, once we create a chart component, we can reuse that chart with different data anywhere in our app.

Installation

$ npm install r3-charts

Using

var r3 = require('r3-charts');
// es6
import r3 from 'r3-charts';

Available Charts

const BarChart = r3.BarChart
const ScatterPlot = r3.ScatterPlot
const LineChart = r3.LineChart
const HeatMap = r3.HeatMap

Demo

Try demo

Docs

Docs

License

MIT