Recharts is a Re-designed charting library built with React and D3.
The biggest feature or difference is helping you write charts in React application perfectly. There some philosophies of Recharts:
- Simplely deploy with React components
- Native SVG support, lightweight depend on some D3 submodules
- Declarative components, components of chart are dumbed
- Cool animation
- Documentation
- Appropriate interaction
- More and more kind of charts
<LineChart width={400} height={400} data={data}
margin={{top: 5, right: 20, left: 10, bottom: 5}}>
<XAxis dataKey='name' />
<Tooltip />
<CartesianGrid stroke='#f5f5f5' />
<Line type='monotone' dataKey='uv' stroke='#ff7300' yAxisId={0} />
<Line type='monotone' dataKey='pv' stroke='#387908' yAxisId={1} />
</LineChart>
All the submodules of Recharts is separated. The lineChart is composed by x axis, tooltip, grid, and line items, and each of them is the tiny React Component. Their is the Recharts want to do.
We are looking for people who share the idea about Recharts. The goal of this project is create more flexible charting library where developers using React at the same time.
Copyright (c) 2015-2016 Recharts Group