npm

Join us for the upcoming webinar, "Enterprise JavaScript done right: the tools you love, the security you need."Sign up here »

@instamotor-labs/react-d3-shape

0.3.25 • Public • Published

react-d3-shape

Dependency Status

react-d3 basic shapes, shapes that we support:

  • Line
  • Area
  • AreaStack
  • BarGroupHorizontal
  • BarGroup
  • BarStackHorizontal
  • BarStack
  • BarHorizontal
  • 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
$ node devServer.js

and open localhost:5000/example

Build production js, min.js code

$ npm run prod

License

Apache 2.0

Keywords

none

install

npm i @instamotor-labs/react-d3-shape

Downloadsweekly downloads

5

version

0.3.25

license

Apache 2.0

last publish

collaborators

  • avatar
Report a vulnerability