Line chart
Line charts are ideal for showing data trends across time. They work great for continuous data and help identify patterns quickly.
Basic
Line charts are great for showing trends, comparisons, and patterns over time. They keep your data clean and easy to read.
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Composed components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
The Line Chart comes packed with several components to enhance functionality and provide a seamless experience.
Manual installation
Make sure you also install the composed components and the required packages for the component to function properly.
Stacked
Stacked line charts show how parts make up a whole. Ideal when you want to compare multiple categories and still keep track of the total.
Monotone
Monotone charts use a smooth curve for a cleaner look. Good when you only need to show one metric clearly without visual clutter.
Custom format
Customize the look of your chart to match your design system. You can change colors, styles, and anything else that matters for your UI.
Custom tooltip
Add context when users hover. Custom tooltips let you show extra info like icons, units, or anything else that makes your data easier to read.
Custom legend
Replace the default legend with something more useful. Add icons, labels, or even interactions to better explain what’s on the chart.
Custom colors
Customize the colors of your line chart to match your brand or design system. This helps maintain visual consistency across your application.
Controlled
Manage the chart fully with state. Use this to sync with other UI, switch datasets, or respond to user interactions programmatically.