Radial bar

Standalone radial progress bars. Concentric arcs showing progress toward goals.

Primitive: ChartRadialBar· Standalone (no ChartRoot needed)

Interactive demo

Usage

import { ChartRadialBar } from '@ramtt/charts'

<ChartRadialBar
  items={[
    { label: 'TSS', value: 85, max: 100, color: '#3b82f6' },
    { label: 'kJ', value: 2400, max: 3000, color: '#f59e0b' },
  ]}
/>

Props

Prop	Type	Default	Description
items*	`RadialBarItem[]`	—	Bar items
size	`number`	240	Chart diameter
trackWidth	`number`	12	Track width
gap	`number`	6	Gap between bars