shelbeniskb / recharts

Re-designed charting library built with React

Recharts = React + Charts

Intro

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:

1. Simplely deploy with React components
2. Native SVG support, lightweight depend on some D3 submodules
3. Declarative components, components of chart are dumbed

We will do

• Cool animation
• Documentation
• Appropriate interaction
• More and more kind of charts

Examples

<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.

Contribution

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.

License

MIT

Copyright (c) 2015-2016 Recharts Group