Back to components
Dashboard component
Chart Line
Smooth area-fill line chart with comparison series, pointer tooltip, and themed dark palette.
Install
What it does
- Curved or straight line with gradient area fill
- Optional comparison series (e.g., last period)
- Interactive pointer with tooltip + strip line
- Auto-spacing based on point count
- VibeKit Native dark theme by default
When to use
Use it
Trends, revenue, signups, usage charts on dashboards.
Skip it
Categorical data (use chart-bar) or part-of-whole (use chart-pie).
Files & routes added
- components/dashboard/chart-line.tsx