Charts
Pie charts
Part-to-whole proportions rendered as sectors of a disc. Each variant is a composed Card + PieChart recipe themed with --chart-1 through --chart-5. Import from @lantern-product/ui/charts/pie.
Simple
Basic 5-sector pie chart with per-sector colors driven by ChartConfig keys.
Separator none
Same chart with no white separator stroke between sectors for a continuous disc.
Label
Default Recharts sector labels showing the numeric value at each slice.
Custom label
Custom SVG text rendered at each sector with full control over positioning and styling.
Label list
Category labels rendered directly inside each sector via Recharts LabelList.
Legend
Pie chart with a wrapped 4-column ChartLegend at the bottom.
Donut
Donut variant with an inner radius hole.
Donut active
Donut with the first sector expanded outward via a custom Sector shape renderer.
Donut with text
Donut with the computed total visitor count centered inside the hole.
Stacked
Two concentric pies (inner desktop, outer mobile) sharing the same monthly color keys.
Interactive
Donut with a Select-driven active-sector highlight and a dynamic centered total.