{"id":13395379,"url":"https://github.com/recharts/recharts","last_synced_at":"2025-05-12T15:09:05.501Z","repository":{"id":36048011,"uuid":"40345658","full_name":"recharts/recharts","owner":"recharts","description":"Redefined chart library built with React and D3","archived":false,"fork":false,"pushed_at":"2025-05-05T02:14:42.000Z","size":30949,"stargazers_count":25111,"open_issues_count":452,"forks_count":1781,"subscribers_count":178,"default_branch":"3.x","last_synced_at":"2025-05-05T09:56:53.543Z","etag":null,"topics":["chart","charting-library","components","d3","data-visualisation","javascript","react","recharts","typescript","ui"],"latest_commit_sha":null,"homepage":"http://recharts.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/recharts.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"open_collective":"recharts"}},"created_at":"2015-08-07T06:50:27.000Z","updated_at":"2025-05-05T02:14:46.000Z","dependencies_parsed_at":"2024-03-23T17:46:11.850Z","dependency_job_id":"ea795371-bfca-46ad-826b-56fa054841e5","html_url":"https://github.com/recharts/recharts","commit_stats":{"total_commits":3052,"total_committers":344,"mean_commits":8.872093023255815,"dds":0.7490170380078637,"last_synced_commit":"333c9fa540380be6a579b4b29315d61a01391d71"},"previous_names":[],"tags_count":220,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/recharts%2Frecharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/recharts%2Frecharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/recharts%2Frecharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/recharts%2Frecharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/recharts","download_url":"https://codeload.github.com/recharts/recharts/tar.gz/refs/heads/3.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252486917,"owners_count":21755835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chart","charting-library","components","d3","data-visualisation","javascript","react","recharts","typescript","ui"],"created_at":"2024-07-30T17:01:55.276Z","updated_at":"2025-05-05T12:35:21.145Z","avatar_url":"https://github.com/recharts.png","language":"TypeScript","readme":"# Recharts\n\n[![storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg)](https://recharts.org/en-US/storybook)\n[![Build Status](https://github.com/recharts/recharts/workflows/Node.js%20CI/badge.svg)](https://github.com/recharts/recharts/actions)\n[![codecov](https://codecov.io/gh/recharts/recharts/graph/badge.svg?token=Bn6L2hrl8T)](https://codecov.io/gh/recharts/recharts)\n[![npm version](https://badge.fury.io/js/recharts.svg)](http://badge.fury.io/js/recharts)\n[![npm downloads](https://img.shields.io/npm/dm/recharts.svg?style=flat-square)](https://www.npmjs.com/package/recharts)\n[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](/LICENSE)\n\n## Introduction\n\nRecharts is a **Redefined** chart library built with [React](https://facebook.github.io/react/) and [D3](http://d3js.org).\n\nThe main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are:\n\n1. **Simply** deploy with React components.\n2. **Native** SVG support, lightweight with minimal dependencies.\n3. **Declarative** components.\n\nDocumentation at [recharts.org](https://recharts.org) and our [storybook](https://recharts.org/en-US/storybook)\n\nAlso see [the wiki](https://github.com/recharts/recharts/wiki).\n\nAll development is done on the `master` branch. The current latest release and storybook documentation reflects what is on the `release` branch.\n\n## Examples\n\n```jsx\n\u003cLineChart width={400} height={400} data={data}\u003e\n  \u003cXAxis dataKey=\"name\" /\u003e\n  \u003cTooltip /\u003e\n  \u003cCartesianGrid stroke=\"#f5f5f5\" /\u003e\n  \u003cLine type=\"monotone\" dataKey=\"uv\" stroke=\"#ff7300\" /\u003e\n  \u003cLine type=\"monotone\" dataKey=\"pv\" stroke=\"#387908\" /\u003e\n\u003c/LineChart\u003e\n```\n\nAll the components of Recharts are clearly separated. The LineChart is composed of x axis, tooltip, grid, and line items, and each of them is an independent React Component. The clear separation and composition of components is one of the principle Recharts follows.\n\n## Installation\n\n### npm\n\nNPM is the easiest and fastest way to get started using Recharts. It is also the recommended installation method when building single-page applications (SPAs). It pairs nicely with a CommonJS module bundler such as Webpack.\n\n```sh\n# latest stable\n$ npm install recharts react-is\n```\n\n`react-is` needs to match the version of your installed `react` package.\n\n### umd\n\nThe UMD build is also available on unpkg.com:\n\n```html\n\u003cscript src=\"https://unpkg.com/react/umd/react.production.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/react-dom/umd/react-dom.production.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/react-is/umd/react-is.production.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/recharts/umd/Recharts.min.js\"\u003e\u003c/script\u003e\n```\n\nThen you can find the library on `window.Recharts`.\n\n## Contributing\n\nRecharts is open source. If you want to contribute to the project, please read the [CONTRIBUTING.md](/CONTRIBUTING.md)\nto understand how to contribute to the project and [DEVELOPING.md](/DEVELOPING.md) to set up your development\nenvironment.\n\n## Thanks\n\n\u003ca href=\"https://www.chromatic.com/\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png\" width=\"153\" height=\"30\" alt=\"Chromatic\" /\u003e\u003c/a\u003e\n\nThanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.\n\n[![JetBrains logo.](https://resources.jetbrains.com/storage/products/company/brand/logos/jetbrains.svg)](https://jb.gg/OpenSourceSupport)\n\nThanks to JetBrains for providing OSS development license for their IDEs.\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2015-2024 Recharts Group.\n","funding_links":["https://opencollective.com/recharts"],"categories":["Data Visualization","Uncategorized","UI Components","JavaScript","TypeScript","Demos","目录","前端开发框架及项目","\u003csummary\u003eUI Components\u003c/summary\u003e","Charts","Data Visualization [🔝](#readme)","React [🔝](#readme)","Charts \u0026 Data Visualization","JavaScript tools","数据可视化","Packages","📖 Categories"],"sub_categories":["Uncategorized","Chart","Data Visualization","React相关","其他_文本生成、文本对话","Runner","React Components","Charts and Graphs","React","运行器","\u003ca id=\"ui\"\u003eui\u003c/a\u003e","运行器e2e测试","Charts","React Charts"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frecharts%2Frecharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frecharts%2Frecharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frecharts%2Frecharts/lists"}