Charts
Area charts
Continuous-trend visualizations with filled curves. Each variant is a composed Card + AreaChart recipe themed with --chart-1 through --chart-5. Import from @lantern-product/ui/charts/area.
Default
A single-series area chart with a natural curve and line indicator tooltip.
Linear
Linear interpolation between points; useful for showing exact data shape.
Step
Step interpolation with an icon-decorated tooltip; good for discrete state transitions.
Stacked
Two series stacked with --chart-1 and --chart-2 for cumulative totals.
Stacked expanded
Three series normalized to 100% with stackOffset="expand" for share-of-total trends.
Gradient
SVG linearGradient fills referenced through CSS variables for token-driven theming.
Legend
Custom ChartLegend with ChartLegendContent rendered below the plot area.
Axes
Both X and Y axes shown with minimal tick styling for richer reference frames.
Icons
Lucide icons attached to ChartConfig entries appear in both tooltip and legend.
Interactive
Select-driven time-range filter (7d / 30d / 90d) over 3 months of daily data, with gradient fills.