[
  {
    "path": "README.md",
    "content": "# !!! rumble-charts was moved\nhttps://github.com/rumble-charts/rumble-charts\n\n# <img src=\"https://raw.githubusercontent.com/rumble-charts/rumble-charts/master/images/logo.png\" alt=\"Logo\" width=\"48\" height=\"48\" /> rumble-charts\n\n[![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg)](https://gitter.im/rumble-charts/rumble-charts)\n\n[![Build Status](https://travis-ci.org/rumble-charts/rumble-charts.svg)](https://travis-ci.org/rumble-charts/rumble-charts)\n[![codecov](https://codecov.io/gh/rumble-charts/rumble-charts/branch/master/graph/badge.svg)](https://codecov.io/gh/rumble-charts/rumble-charts)\n[![Dependency Status](https://david-dm.org/rumble-charts/rumble-charts.svg)](https://david-dm.org/rumble-charts/rumble-charts) \n\n[![npm](https://img.shields.io/npm/v/rumble-charts.svg)](https://www.npmjs.com/package/rumble-charts)\n[![npm](https://img.shields.io/npm/dm/rumble-charts.svg)](https://www.npmjs.com/package/rumble-charts)\n\nReact components for building composable and flexible charts. \n\nIt's based on D3.js under the hood, but most of the time you will not feel that.\n\n## Documentation\n\nAll examples are editable. You can see a result right on the page.\n\n[https://rumble-charts.github.io](https://rumble-charts.github.io)\n\n## Demo / live edit\n\n[rosko.github.io/slides/2016-04-declarative-charts/#/liveedit](https://rosko.github.io/slides/2016-04-declarative-charts/#/liveedit)\n\n## Installation\n\n### NPM\n\n```bash\nnpm install --save rumble-charts\n```\n\n## Usage\n\nJust include it:\n\n```javascript\nconst {\n  // main component\n  Chart, \n  // graphs\n  Bars, Cloud, Dots, Labels, Lines, Pies, RadialLines, Ticks, Title,\n  // wrappers\n  Layer, Animate, Transform, Handlers,\n  // helpers\n  helpers, DropShadow, Gradient\n} = require('rumble-charts');\n```\n\nAnd use:\n\n```jsx\nconst series = [{\n    data: [1, 2, 3]\n}, {\n    data: [5, 7, 11]\n}, {\n    data: [13, 17, 19]\n}];\n\nclass Demo extends Component {\n  render() {\n    return <Chart width={400} height={400} series={series} minY={0}>\n      <Bars />\n      <Lines />\n      <Dots />\n    </Chart>;\n  }\n}\n```\n\n## Road map\n\n- [x] Write unit tests for graphics components\n- [x] Make a first version of documentation with examples\n- [x] Update to React 15.x\n- [x] Update to lodash 4.x\n- [ ] Write unit tests for wrappers and helpers components \n- [ ] Support React ART\n- [ ] Support morphing between graphics types (Pies <=> Bars)\n\n## Similar projects \n\nMainly there are 3 approaches to integrate React and D3:  \n\n - React wraps D3\n    - [d3-react-squared](https://github.com/bgrsquared/d3-react-squared)  \n    - [d3act](https://github.com/AnSavvides/d3act)\n - D3 prepares virtual DOM for React\n    - [react-faux-dom](https://github.com/Olical/react-faux-dom)\n    - [d3-react-sparkline](https://github.com/QubitProducts/d3-react-sparkline/) - based on react-faux-dom\n - React builds virtual DOM, D3 makes math (`rumble-charts` is here) \n    - [react-d3-components](https://github.com/codesuki/react-d3-components)\n    - [react-d3](https://github.com/esbullington/react-d3/) and [rd3](https://github.com/yang-wei/rd3) as a fork\n    - [react-vis](https://github.com/uber/react-vis)\n    - [victory](https://github.com/FormidableLabs/victory)\n\n## License\n\nMIT\n"
  }
]