react-d3/react-d3-shape

Name: react-d3-shape

Owner: react-d3

Description: react-d3 shapes, such as line, scatter, bar, bar stack ... and more.

Created: 2015-12-13 09:59:21.0

Updated: 2017-10-08 10:28:04.0

Pushed: 2017-10-18 18:53:44.0

Homepage:

Size: 823

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits
Rob McGuire	2016-04-30 12:36:13.0	1
Ben Howes	2016-03-18 17:28:23.0	1
Howard Chi	2016-07-13 05:45:27.0	35
Johannes Walleboom	2016-03-08 15:17:19.0	1
Udo Nkwocha	2016-06-15 12:27:33.0	18
Quincy Poon	2016-04-23 19:01:39.0	1
Vartika Bhati	2016-07-22 01:36:38.0	15

Other Committers

User	Email	Most Recent Commit	# Commits
dovyden	dovyden@yandex-team.ru	2016-06-29 10:01:23.0	1
Jonathan Jones	jonathan.jones@lodestarbpm.com	2016-03-18 12:57:48.0	1
Udo Nkwocha	nkudo@users.noreply.github.com	2016-04-24 10:53:21.0	2

README

react-d3-shape

react-d3 basic shapes, shapes that we support:

• Line
• Area
• AreaStack
• BarGroupHorizontal
• BarGroup
• BarStackHorizontal
• BarStack
• BarHorizontal
• Bar
• Pie
• Scatter

Install

install --save react-d3-shape

Quick example

Building Line Chart, with Area Chart and Scatter Plot

• Line Chart with Area chart

>
hart
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>
v>

Develop

do npm i
de devServer.js

and open localhost:5000/example

Build production js, min.js code

m run prod

License

Apache 2.0