1920 × 1080 · Landscape
Index › Charts › Radial
4 chart types
Charts · Radial
Measured around the circle.
The polar family — four visx-engine charts that wrap value onto an arc, a spoke, or a ring. A polar frame renders neither Axis nor Grid; each chart lays out its own web from the neutral grid role, while series cycle the Lumos --chart-1…14 palette in order — one shared chrome, one system.
The Radial family@tarva/ui/charts/radial
PieChartradial
Part-to-whole.
donut variant with a centerSlot KPI in the hole — treatment-mix share.RadarChartradial
Compare a few profiles across many axes — skin-health scores.
filled polygons over a spoke web.RadialBarChartradial
A circular ranking gauge.
track variant lays a faint full-extent band behind each bar.RadialLineChartradial
A value that loops — utilization by hour.
closed ring, area fill on a polar grid.
Shared chrome · Legend
Facials
Injectables
Laser
Body
Shared chrome · Tooltip
Treatment mix · share
| Facials | 38% |
| Injectables | 29% |
| Laser | 21% |
chart-grid · concentric rings, neutralchart-spoke · radial axes, neutral
Composes
visx + d3
ChartFrame
ctx.polar
scaleRadial
Legend
Tooltip
ResponsiveContainer
When to reach for it
Radial is for part-to-whole and cyclic shape. Reach for PieChart (donut with a centerSlot KPI) when slices sum to a meaningful total — treatment mix, revenue share. RadarChart compares a few profiles across many axes (skin-health scores). RadialBarChart reads as a gauge ranking; RadialLineChart traces a value that loops — utilization by hour of day.
8.5 × 11 · Portrait