OSS Tanbou
Sign in with GitHub
View on GitHubProject website

Build SVG charts declaratively by composing React components

OSS scale score 297.2OSS health 85Update pace 124 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
27,613
Primary language
TypeScript
License
MIT
Repository last updated
Oct 4, 2026
On this page

Overview

Recharts is a React charting library built with React and D3. Independent components such as LineChart, BarChart, XAxis, Tooltip, and Legend compose SVG visualizations from data arrays and dataKey props.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Key features

Core capabilities

Axes, grids, tooltips, legends, and series are independent React components, so chart structure remains visible in the JSX tree.

ResponsiveContainer follows its parent while line, bar, area, pie, radar, and scatter charts share React props and event handling.

Sources: [1]

Best fit

Where it fits

It fits React applications that visualize metrics or time series within existing component and state patterns while retaining control over SVG elements and individual series.

Sources: [1]

Before adoption

Constraints to check

Version 3.10.1 requires Node.js 18+ and declares React, React DOM, and react-is as peer dependencies. Match react-is to the installed React major. Validate large datasets, responsiveness, accessibility, and server-rendered sizing with representative data.

Sources: [1][2][3]

Official sources

  1. [1]Recharts v3.10.1 README(2026-10-04)
  2. [2]Recharts v3.10.1 release(2026-10-04)
  3. [3]Recharts v3.10.1 package/build metadata(2026-10-04)
  4. [4]Recharts v3.10.1 license(2026-10-04)
Supplemental curator note

Its main value is composing axes and series as React components instead of wiring low-level D3 APIs directly. Test the fixed source and keep React and react-is on matching majors.

Try it in 3 steps

  1. 1

    Clone release 3.10.1

    Pin the reviewed stable source in a dedicated directory.

    git clone --branch v3.10.1 --depth 1 https://github.com/recharts/recharts.git recharts-3.10.1
  2. 2

    Install locked dependencies

    Enter the working directory, use Node.js 18+, and honor package-lock.json exactly.

    cd recharts-3.10.1 && node --version && npm ci
  3. 3

    Run the unit tests once

    Remain in the same working directory; the script invokes vitest run for a non-watch test pass.

    npm test
Check the official README

Growth

Growth trends · Last 30 days

27,613 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
124
Open PRs
48

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • react
  • charting-library
  • recharts
  • d3
  • chart
  • components
  • javascript
  • ui
  • data-visualisation
  • typescript
Stars
27,613
Forks
1,998
Watchers
184
Open issues
405
Contributors
412
Owner type
Organization
Primary language
TypeScript
License
MIT
Repository last updated
Oct 4, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.

After reading this page, do you know what to do next?