Recharts

https://recharts.org/

Admin

Recharts is a composable charting library built on React components that makes it easy to integrate...

Tokens:287

Snippets:3

Trust Score:9.3

Update:4 months ago

Show doc for...

Tokens:

Raw

### Basic Line Chart Example

Source: https://recharts.org

A simple line chart demonstrating the use of Recharts components. This snippet requires importing CartesianGrid, Line, LineChart, XAxis, and YAxis from 'recharts'.

```jsx
import { CartesianGrid, Line, LineChart, XAxis, YAxis } from 'recharts';
import { RechartsDevtools } from '@recharts/devtools';

// #region Sample data…// #endregion

export default function IndexLineChart() {
  // ... chart implementation using sample data
  return (
    <LineChart width={400} height={300} data={/* sample data */}>
      <CartesianGrid strokeDasharray="3 3" />
      <XAxis dataKey="name" />
      <YAxis />
      <Line type="monotone" dataKey="uv" stroke="#8884d8" />
      <Line type="monotone" dataKey="pv" stroke="#82ca9d" />
    </LineChart>
  );
}
```

Tokens:

Raw