Visualizations

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.

Engagement last 7d

Tracks likes, comments, and shares during the most recent 7-day period.

If you hit any issues, make sure you check out the installation guide here for more information.

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.

ChartChart components for visualizing data using area and bar styles with support for custom tooltips, legends, and dynamic control.

Make sure you also install the composed components and the required packages for the component to function properly.

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.

Engagement last 7d

Tracks likes, comments, and shares during the most recent 7-day period.

Monotone charts use a smooth curve for a cleaner look. Good when you only need to show one metric clearly without visual clutter.

Traffic last 14d

Daily visits versus sign-ups trend.

Customize the look of your chart to match your design system. You can change colors, styles, and anything else that matters for your UI.

Net revenue by month

Revenue minus expenses to show monthly profitability.

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.

Engagement last 7d

Likes, comments, and shares for the recent week.

Replace the default legend with something more useful. Add icons, labels, or even interactions to better explain what’s on the chart.

Engagement last 7d

Likes, comments, and shares for the recent week.

Customize the colors of your line chart to match your brand or design system. This helps maintain visual consistency across your application.

Engagement last 7d

Tracks likes, comments, and shares during the most recent 7-day period.

Manage the chart fully with state. Use this to sync with other UI, switch datasets, or respond to user interactions programmatically.

Engagement

Likes, comments, and shares over a dynamic time range.