Charts
Bar charts
Categorical comparisons rendered as rectangles. Each variant is a composed Card + BarChart recipe themed with --chart-1 through --chart-5. Import from @lantern-product/ui/charts/bar.
Default
Single-series vertical bars with rounded tops and a label-less tooltip.
Horizontal
Rotated layout with category labels on the Y axis; useful for long category names.
Multiple
Two series side-by-side with a dashed indicator tooltip.
Stacked + legend
Two series stacked on a single stackId with a custom legend underneath.
Label
Bar values rendered above each bar via Recharts LabelList.
Custom label
Horizontal layout with category labels rendered inside the bars and values on the right.
Mixed
Per-bar fill colors driven by ChartConfig keys across --chart-1 through --chart-5.
Active
A specific bar highlighted with a dashed stroke via a custom Bar shape renderer.
Negative
Positive and negative values colored differently using Recharts Cell components.
Interactive
Tab-driven metric switcher (Desktop / Mobile) over 3 months of daily data with summary totals in the header.