Name: rumble-charts
Owner: rumble-charts
Description: React components for building composable and flexible charts
Created: 2016-01-28 02:45:55.0
Updated: 2018-02-19 13:04:52.0
Pushed: 2018-02-13 18:42:01.0
Homepage: https://rumble-charts.github.io
Size: 3449
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|---|---|
| Alexey Volkov | 2018-01-29 10:13:21.0 | 167 |
| Simon Emanuel Schmid | 2017-06-29 08:52:35.0 | 2 |
| Miguel | 2016-11-04 16:27:25.0 | 1 |
| Stanko | 2017-06-10 01:44:21.0 | 2 |
| Aaron Contreras | 2016-11-04 16:02:27.0 | 2 |
| Govard Barkhatov | 2017-06-21 05:51:54.0 | 1 |
| greenkeeper[bot] | 2018-01-28 19:03:29.0 | 5 |
Other Committers
| User | Most Recent Commit | # Commits |
|---|
rumble-charts
React components for building composable and flexible charts to visualize your data.
It's based on D3.js under the hood, but most of the time you will not feel that.
All examples are editable. You can see a result right on the page.
https://rumble-charts.github.io
rosko.github.io/slides/2016-04-declarative-charts/#/liveedit
install --save rumble-charts
Just include it:
rt {
main component
art,
graphs
rs, Cloud, Dots, Labels, Lines, Pies, RadialLines, Ticks, Title,
wrappers
yer, Animate, Transform, Handlers,
helpers
lpers, DropShadow, Gradient
om 'rumble-charts';
And use:
t series = [{
data: [1, 2, 3]
data: [5, 7, 11]
data: [13, 17, 19]
s Demo extends React.Component {
nder() {
return <Chart width={600} height={250} series={series} minY={0} maxY={20}>
<Bars innerPadding={5} groupPadding={10} />
<Lines />
<Dots />
</Chart>;
Result:
Mainly there are 3 approaches to integrate React and D3:
rumble-charts is here)
MIT