Vega-Lite Donut with Center Label

A donut chart with a big composite KPI label in the centre hole — the canonical 'percent of total' tile for executive dashboards. Vega-Lite's `arc` mark with `innerRadius` carves out the donut hole, and a layered `text` mark anchored at the centre renders the total + units. The r

Template details

  • chart
  • donut
  • pie
  • kpi
  • vega
  • vega-lite

When to use this template

This visualization effectively communicates the proportional contribution of several categories to a single total, while prominently featuring the aggregate value in the center. It is ideal for quickly understanding part-to-whole relationships and assessing the overall magnitude of a key performance indicator (KPI) alongside its constituent components.

  • Categorical data with a single quantitative measure.
  • Small to moderate number of categories (typically 2-8 slices).
  • Data representing parts that sum to a meaningful whole.
  • When the total value is as important as its breakdown.
  • Comparing proportions of a single metric across groups.
  • Displaying composition at a specific point in time.

Browse all Koan templates