Health Gauge

ui

A bounded single-metric dial: a 270° arc on one flat track, a value arc that draws in behind an end marker, and a centre number that counts up to it. Clicking the dial cycles the metric and the arc redraws.

pnpm dlx shadcn@latest add "https://ui.ssych.com/r/health-gauge.json"

Sign In

Health Gauge

ui

A bounded single-metric dial: a 270° arc on one flat track, a value arc that draws in behind an end marker, and a centre number that counts up to it. Clicking the dial cycles the metric and the arc redraws.

pnpm dlx shadcn@latest add "https://ui.ssych.com/r/health-gauge.json"

segmented-control

components/ui/health-gauge.tsx

segmented-control

components/ui/health-gauge.tsx