Charts
Line charts
Continuous trends as connected points. Each variant is a composed Card + LineChart recipe themed with --chart-1 through --chart-5. Import from @lantern-product/ui/charts/line.
Default
Single-series natural curve with a hidden tooltip label.
Linear
Straight-segment interpolation between data points.
Step
Step interpolation; good for discrete state transitions over time.
Multiple
Two monotone series sharing the same axes for direct comparison.
Dots
Visible data point dots with an enlarged active dot on hover.
Dots colors
Per-point colored dots driven by a fill key on each data row, mapped to --chart-1 through --chart-5.
Dots custom
Custom Lucide GitCommitVertical icons rendered at each data point via the dot prop.
Label
Value labels positioned above each data point via Recharts LabelList.
Custom label
LabelList with a formatter that maps data keys to display labels from ChartConfig.
Interactive
Tab-driven metric switcher (Desktop / Mobile) over 3 months of daily data with summary totals in the header.