React SVG Charts
frappe/charts
Inspired byA set of simple React Components that generates SVG-based charts.
Installation
npm install react-comps-svg-charts@latest --save
Importing it
Commons JS
;
ES Modules
;
UNPKG
Then, just..
<script> windowBarChart; //... </script>
Examples
Component { super thisstate = data: labels: '12am-3am' '3am-6pm' '6am-9am' '9am-12am' '12pm-3pm' datasets: title: 'Some Data' color: 'light-blue' values: 25 40 30 35 8 title: 'Another Set' color: 'violet' values: 25 50 -10 15 18 } { return <div> <BarChart title='Test Bar Chart' data=thisstatedata height=250 /> <LineChart title='Test Line Chart' data=thisstatedata height=250 /> <PercentageChart title='Test Percentage Chart' data=thisstatedata height=250 /> <PieChart title='Test Pie Chart' data=thisstatedata height=250 /> <ScatterChart title='Test Scatter Chart' data=thisstatedata height=250 /> </div> }