# react-d3-brush
[](https://gemnasium.com/react-d3/react-d3-brush)
`react-d3` brush implementation.
## Quick example
#### With Webpack build tool
- Line Chart
```js
"use strict";
var React = require('react');
var ReactDOM = require('react-dom');
var LineBrush = require('react-d3-brush').LineBrush;
(function() {
var generalChartData = require('json!./data/user.json');
var chartSeries = [
{
field: 'age',
name: 'Age',
color: '#ff7f0e'
}
],
x = function(d) {
return d.index;
};
ReactDOM.render(
, document.getElementById('data_brush_line')
)
})()
```
#### In HTML (without build tools)
Clone code `react-d3-brush.js` or minify js `react-d3-brush.min.js` and include the script in your HTML.
You'll also need `react`, `react-dom`, `d3`
- Line Chart
```html
Line Chart example
```
## Install
```
npm install --save react-d3-brush
```
## LIVE DEMO
http://reactd3.org/docs/brush
## Support Brush Component
- Line Chart: export as `LineBrush`
- Area Stack Chart: export as `AreaStackBrush`
- Scatter Plot: export as `ScatterBrush`
- Bar Chart: export as `BarBrush`
- Bar Stack: export as `BarStackBrush`
- Bar Group: export as `BarGroupBrush`
## Gallery
## License
Apache 2.0