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.

Real-world examples

!Pie Charts

!Bar Charts

!Line Chart

Documentation

All examples are live editable on "Playroom" tab.

https://rumble-charts.github.io

Demo / live edit

https://rumble-charts.github.io/playroom/

Installation

$3

``bash
npm install --save rumble-charts
`

$3

`html


`

Usage

Just include it:

`javascript
import {
// main component
Chart,
// graphs
Bars, Cloud, Dots, Labels, Lines, Pies, RadialLines, Ticks, Title,
// wrappers
Layer, Animate, Transform, Handlers,
// helpers
helpers, DropShadow, Gradient
} from 'rumble-charts';
`

And use:

`jsx
const series = [{
data: [1, 2, 3]
}, {
data: [5, 7, 11]
}, {
data: [13, 17, 19]
}];





;
``

Result:

!Combined Chart

Changelog

Road map

License

MIT