Plan Mix Donut
Donut chart of active workspaces by plan tier with a center total label and a four plan legend.
Donut chart of active workspaces by plan tier with a center total label and a four plan legend.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Plan Mix Donut shows active workspaces distributed across four plans, Free at 642, Starter at 318, Pro at 247, and Enterprise at 77, as a donut PieChart. The center label uses the recharts Label pattern to render the total, 1,284, above the word Workspaces so the aggregate is readable without scanning the legend. The legend below names each plan segment. The footnote carries the unit clarification that prevents misreading: counts are workspaces, not seats, so a Pro workspace with 40 seats counts once.
The four plan slices live in one chartData array with fill referencing var(--color-{plan}) resolved from the ChartConfig. The center label total is derived with a reduce so it stays accurate when the data array changes.
Reach for this block on a plan analytics or business overview page, wired to your workspace count endpoint grouped by plan tier. Update the footnote if the unit of measurement differs from workspaces in your product.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the plan tier distribution across active workspaces. Other donut charts:
Tip: the center total only works when the slices are mutually exclusive; if a workspace can hold multiple plans, sum something else in the center or remove it.