open-index/open-npm huggingface dataset:
npm package: @joaosoares/recharts
Description: React charts
Author: recharts group
Latest version: 0.15.2

# Recharts

[![Build Status](https://travis-ci.org/recharts/recharts.svg)](https://travis-ci.org/recharts/recharts)
[![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)
[![Gitter](https://badges.gitter.im/recharts/recharts.svg)](https://gitter.im/recharts/recharts?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

## Intro

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
<LineChart
  width={400}
  height={400}
  data={data}
  margin={{ top: 5, right: 20, left: 10, bottom: 5 }}
>
  <XAxis dataKey="name" />
  <Tooltip />
  <CartesianGrid stroke="#f5f5f5" />
  <Line type="monotone" dataKey="uv" stroke="#ff7300" yAxisId={0} />
  <Line type="monotone" dataKey="pv" stroke="#387908" yAxisId={1} />
</LineChart>
```

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.

## 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 create a more flexible charting library for the  React community.

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2015-2016 Recharts Group
npm package: @joaosomoreira/parcel-plugin-eslint
Description: ## Using Plugin To use this plugin, it just needs to be installed and listed as a dependency (or devDependency) in your package.json. Parcel will automatically pick up any plugins that are prefixed with `parcel-plugin-`
Latest version: 1.0.14

# @joaosomoreira/parcel-plugin-eslint

## Using Plugin
To use this plugin, it just needs to be installed and listed as a dependency (or devDependency) in your package.json. Parcel will automatically pick up any plugins that are prefixed with `parcel-plugin-`

### NPM
```
npm i @joaosomoreira/parcel-plugin-eslint -D
```

### Yarn
```
yarn add @joaosomoreira/parcel-plugin-eslint -D
```

## Config
This plugin has a default configuration set as:
```json
{
  "root": true,
  "parserOptions": {
    "parser": "babel-eslint",
    "ecmaVersion": 2017,
    "sourceType": "module",
    "ecmaFeatures": {
        "jsx": true
    }
  },
  "extends": [
    "eslint:recommended"
  ],
  "ignorePatterns": ["node_modules/"],
  "env": {
    "browser": true,
    "node": true,
    "commonjs": true,
    "es6": true
  }
}
```

It will also pick up any eslint configuration files in your project and resolve them along with the default above.

## Issues
Feel free to open any issues for problems or suggestions you find. Even better if you have a PR for these, all PRs will be reviewed.