Visualization libraries · Recharts open-source project
Recharts
React charting library with a declarative, composable component API built on D3 and SVG, for common chart types in web apps.
Recharts is a React charting library that exposes charts as composable JSX components — a <LineChart> wraps <XAxis>, <YAxis>, <Tooltip>, and <Line> children — so a developer builds charts by nesting and configuring components the same way they build any other React UI, rather than imperatively configuring an options object. It uses D3 internally for scales and shape calculations but keeps that layer hidden behind the component API, and renders to SVG rather than Canvas. It covers the common chart types (line, bar, area, pie, radar, scatter, treemap) rather than D3's full range of custom visuals, which makes it a common default for React dashboards that need standard charts with responsive resizing and animation with minimal configuration.
At a glance
| Vendor | Recharts open-source project |
|---|---|
| Pricing model | Open source + paid options |
| Free tier | Yes |
| Deployment | Self-hosted |
| Open source | Yes (MIT) |
| Best for | React developers who want idiomatic, component-based charts without configuring D3 directly. |
Pricing
Free, open-source library with no pricing page.
Pricing has not been verified yet — see the vendor's site.
Features
- Declarative, composable React chart components
- SVG rendering via D3 primitives
- Line, bar, area, pie, radar, and scatter charts
- Responsive container with automatic resizing
- Built-in animation and tooltips
- Customizable legends and axes as components
Integrations
Profile last reviewed September 21, 2026