All charts

radial/*

Radial

Radial bar charts — gauge-like, progress, ranked metrics.

2 variants
@vireya/ui/charts/radial/simple

Concentric radial bars with rounded corners.

client
@vireya/ui/charts/radial/gauge

Single radial bar gauge with start/end angles and centred Label stack (value + caption).

client

Understanding Radial charts

Radial bar charts wrap bars around a circle, encoding value as arc length or angle. They trade some comparison accuracy for a compact, expressive shape — useful for gauges, progress indicators and ranked metrics where the visual is as much about feel as precision.

Vireya's gauge variant centres a value-and-caption label stack inside the arc, ideal for a single KPI.

When to use

  • A single progress or completion value as a gauge.
  • A small ranked set of metrics where a playful, compact shape suits the surface.
  • Dashboard tiles where space is tight and the exact value is shown as a label.

When to avoid

  • Precise comparison of many values — straight bars are read more accurately.
  • Dense datasets; concentric arcs distort because outer rings are longer than inner ones.

Best practices

  • Always print the numeric value — the arc is the accent, the number is the truth.
  • Limit to a few arcs; concentric rings exaggerate outer values.
  • Use the gauge variant for one headline KPI rather than cramming several.

Accessibility

  • Expose the value as text inside or beside the arc, never colour-only.
  • Keep arc-to-track contrast strong so partial progress is visible.
  • Describe the metric and its target for assistive technologies.

Frequently asked questions

Are radial bar charts accurate?
Less so than straight bars, because outer rings span a longer arc than inner ones for the same value. Use them for a compact, expressive single metric or gauge, and always show the number.
What is a gauge chart good for?
A gauge is ideal for one value against a range or target — completion percentage, score, capacity. It reads at a glance on a dashboard tile when paired with a clear centred label.