react-d3-shape

react-d3-shape

react-d3 basic shapes, shapes that we support:

• Line
• Area
• AreaStack
• BarGroup
• BarStack
• Bar
• Pie
• Scatter

Install

npm install --save react-d3-shape

Quick example

Building Line Chart, with Area Chart and Scatter Plot

• Line Chart with Area chart

<div>
  <Chart
    width= {this.state.width}
    height= {this.state.height}
    data= {generalChartData}
    chartSeries= {this.state.series}
    x= {x}
    >
    <Line
      chartSeries= {this.state.series}
    />
    <Area
      chartSeries= {this.state.series2}
    />
    <Scatter
      chartSeries= {this.state.series2}
    <Xaxis/>
    <Yaxis/>
    <Xgrid/>
    <Ygrid/>
  </Chart>
</div>

Develop

$ sudo npm i
$ sudo npm i -g babel@5.8.23
$ sudo npm run build
$ webpack -w

Build production js, min.js code

$ npm run prod

License

Apache 2.0