React and D3 Charting
Modular ReactJS charts made using d3 chart utilities.
Usage
The latest version of react-d3-responsive requires React 0.14 or later and D3 3.5.17.
NPM
Via npm
:
npm install d3-react-starterkit
If you havn't installed react
and d3
then:
npm install react react-dom
npm install d3@3.5.17
Import into your ReactJS project one of the following ways:
// es6; // es5var d3r = ;
Available Charts
const AreaGraph = d3rAreaGraph;const BarGraph = d3rBarGraph;const LineGraph = d3rLineGraph;const PieChart = d3rPieChart;const ScatterPlot = d3rScatterPlot;
Support
Issues: d3-react-starterkit on Github
Background
Inspired by this blog post by Abhisek Jana of A Developer Diary
Also referencing rd3 by Yang Wei for structure
License
MIT
Copyright (c) 2016 Drew Thorson