Description
Recharts is a charting library for React, built on top of D3. You put charts together from React components (a chart, its axes, a grid, a tooltip, a legend, and lines, bars or areas), so a chart reads like the rest of your interface code instead of a block of drawing instructions. It draws with SVG, keeps its dependencies on D3 small, and gives each part sensible defaults that you can override through props. It covers the everyday charts: line, area, bar, pie, radar, scatter and composed charts that mix several kinds. Recharts is open source under the MIT license and is installed from npm.…
Highlights
- Charts built from declarative React components
- SVG rendering on top of D3
- Line, area, bar, pie, radar and scatter charts
- Composed charts mixing several kinds
- Tooltips, legends and axes you can customize
Ratings & Reviews
No ratings yet
Be the first to rate recharts.
People also visit
recharts FAQ
What is Recharts?
A chart library for React. You describe a chart with components such as LineChart, XAxis, Tooltip and Line, and Recharts draws it as SVG.
Is Recharts free?
Yes. It is open source under the MIT license and free for personal and commercial use.
How do I install Recharts?
From npm: npm install recharts. It needs React in your project.
Which charts does Recharts support?
Line, area, bar, pie, radar, radial bar, scatter, treemap and composed charts that combine several of these.
Does Recharts use D3?
It uses a few D3 modules for scales and shapes, but you work with React components rather than D3 directly.
Can I customize the look of a chart?
Yes. Every part takes props for colors, sizes and labels, and you can pass your own components for tooltips, labels and shapes.
What are the best recharts alternatives?
Popular alternatives to recharts include echarts for react, react-sparklines and react-chartist. See all recharts alternatives