<LineChart width={500} height={300} data={data}>
<XAxis dataKey="name"/>
<YAxis/>
<CartesianGrid stroke="#eee" strokeDasharray="5 5"/>
<Line type="monotone" dataKey="uv" stroke="#8884d8" />
<Line type="monotone" dataKey="pv" stroke="#82ca9d" />
</LineChart>
Quickly build your charts with decoupled, reusable React components.
Built on top of SVG elements with a lightweight dependency on D3 submodules.
Customize your chart by tweaking component props and passing in custom components.
Logos are submitted by company and project representatives.
To add your company or project to this page, please edit the wiki!
For your logo, please submit a 300x100 (3:1) img.
Recharts makes it easy to integrate charts into your React application