What are some examples of charting libraries for React?

What are some popular charting libraries for React?

Some popular charting libraries for React include Recharts, Chart.js, and Victory.

Can you give me an example of how to use Recharts?

Sure! Here's a simple example:

import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';

const data = [
  { name: 'Page A', uv: 4000, pv: 2400, amt: 2400 },
  { name: 'Page B', uv: 3000, pv: 1398, amt: 2210 },
  { name: 'Page C', uv: 2000, pv: 9800, amt: 2290 },
  { name: 'Page D', uv: 2780, pv: 3908, amt: 2000 },
];

const MyLineChart = () => (
  <LineChart width={600} height={300} data={data}>
    <CartesianGrid strokeDasharray="3 3" />
    <XAxis dataKey="name" />
    <YAxis />
    <Tooltip />
    <Legend />
    <Line type="monotone" dataKey="pv" stroke="#8884d8" />
  </LineChart>
);

This will create a simple line chart.

What about Chart.js? How does it compare to Recharts?

Chart.js is more versatile and can be used with various frameworks, while Recharts is specifically designed for React. Chart.js offers a wider range of chart types and customization options, but Recharts provides a more React-friendly API.