<Recharts />

Getting Started

1. Choose the type of chart you need

Create a simple chart by using plain javascript data: an array of objects.

2. Add more components

LineChart can have XAxis, YAxis, Legend, CartesianGrid and more.

3. Adjust the props of your components

Modify colors, sizes, and other properties of your components to fit your design.

4. Add interactions

Add a Tooltip component to display information when hovering over your chart.

5. Customize your components

For example, you can edit your x-axis label very easily by passing in a custom axis tick render function. You can do similar things with other graphs as well, such as custom shapes for bar charts and much more!