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!