# @silte/recharts > React charts Latest version **2.1.8** (published 2022-04-16) · MIT license · 0 weekly downloads ## Install ```sh npm install @silte/recharts pnpm add @silte/recharts yarn add @silte/recharts bun add @silte/recharts ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 2.1.8 | | Published | 2022-04-16 | | First published | 2020-07-29 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >=12 | | Dependencies | 14 | | Unpacked size | 4.9 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 0 | | Author | silte | | Maintainers | silte | | Keywords | react, reactjs, chart, react-component | ## Links - npm: https://www.npmjs.com/package/@silte/recharts - Repository: https://github.com/silte/recharts - Issues: https://github.com/silte/recharts/issues - npm.io page: https://npm.io/package/@silte/recharts ## Dependencies (14) - [lodash](https://npm.io/package/lodash.md) ^4.17.19 - [d3-scale](https://npm.io/package/d3-scale.md) ^3.0.0 - [d3-shape](https://npm.io/package/d3-shape.md) ^2.0.0 - [react-is](https://npm.io/package/react-is.md) ^16.10.2 - [classnames](https://npm.io/package/classnames.md) ^2.2.5 - [react-smooth](https://npm.io/package/react-smooth.md) ^2.0.0 - [eventemitter3](https://npm.io/package/eventemitter3.md) ^4.0.1 - [d3-interpolate](https://npm.io/package/d3-interpolate.md) ^2.0.0 - [recharts-scale](https://npm.io/package/recharts-scale.md) ^0.4.4 - [@types/d3-scale](https://npm.io/package/@types/d3-scale.md) ^3.0.0 - [@types/d3-shape](https://npm.io/package/@types/d3-shape.md) ^2.0.0 - [reduce-css-calc](https://npm.io/package/reduce-css-calc.md) ^2.1.8 - [@types/d3-interpolate](https://npm.io/package/@types/d3-interpolate.md) ^2.0.0 - [react-resize-detector](https://npm.io/package/react-resize-detector.md) ^6.6.3 ## Alternatives - [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads - [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads - [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads - [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads - [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads ## Recent versions - 2.1.8 (latest) — 2022-04-16 - 2.0.0-beta.6.1 — 2020-07-29 ## README # Fork from [Recharts](https://github.com/recharts/recharts) Just added react 18 as peer deps, not tested at all. Use at your own risk # Recharts [![Sponsors on Open Collective](https://opencollective.com/recharts/sponsors/badge.svg)](https://opencollective.com/recharts#sponsors) [![Backers on Open Collective](https://opencollective.com/recharts/backers/badge.svg)](https://opencollective.com/recharts#backer) [![Build Status](https://github.com/recharts/recharts/workflows/Node.js%20CI/badge.svg)](https://github.com/recharts/recharts/actions) [![Coverage Status](https://coveralls.io/repos/recharts/recharts/badge.svg?branch=master&service=github)](https://coveralls.io/github/recharts/recharts?branch=master) [![npm version](https://badge.fury.io/js/recharts.svg)](http://badge.fury.io/js/recharts) [![npm downloads](https://img.shields.io/npm/dm/recharts.svg?style=flat-square)](https://www.npmjs.com/package/recharts) [![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](/LICENSE) ## Introduction Recharts is a **Redefined** chart library built with [React](https://facebook.github.io/react/) and [D3](http://d3js.org). The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are: 1. **Simply** deploy with React components. 1. **Native** SVG support, lightweight depending only on some D3 submodules. 1. **Declarative** components, components of charts are purely presentational. ## Examples ```jsx ``` All 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. ## Installation ### npm NPM 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. ```sh # latest stable $ npm install recharts ``` ### umd The UMD build is also available on unpkg.com: ```html ``` Then you can find the library on `window.Recharts`. ### dev build ```sh $ git clone https://github.com/recharts/recharts.git $ cd recharts $ npm install $ npm run build ``` ## Demo To examine the demos in your local build, execute: ```sh $ npm run[-script] demo ``` and then browse to http://localhost:3000. ## Module Formats - [babel-plugin-recharts](https://github.com/recharts/babel-plugin-recharts) A simple transform to cherry-pick Recharts modules so you don’t have to. ## Contribution We'd love :heart: to hear what you think we should build. Please create an issue to write your usage or ideas. We are looking for like-minded people who share the same idea about Recharts. The goal of this project is to create a more flexible charting library for the React community. ## Backers [Become a backer](https://opencollective.com/recharts#backer) and get your image on our README on Github with a link to your site. ## Sponsoring Most of the core team members do this open source work in their free time. If you use recharts for a important work, and you'd like us to invest more time on it, please [donate](https://opencollective.com/recharts#sponsors). Thanks! ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2015-2021 Recharts Group. --- _Source: https://npm.io/package/@silte/recharts · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._