Gauge & Radial

Are you an AI agent?
CPU loadapi-1
Latency p95checkout API
Error budgetthis month
Clustershare of capacity
Plan usagethis billing cycle
Release 2.4done per track

Demo

UpdatesNew values per second
1/s
DriftLargest step, % of the range
4%
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Gauge

StyleFilled arc or a needle
Start angleClockwise from 12 o’clock
-120°
SweepArc length
240°
ZonesGood, warning and bad bands
Zone colorsTheme ramp or own colors
Value colorTarget zone, or morph on the way
TrackUnfilled part of the arc
CaptionText under the value
Range labelsMin and max at the arc ends

Radial progress

MaxValue of a full ring
100
ColorsTheme palette or accent shades
TrackUnfilled part of each ring
Tick animationHow Cluster ticks come and go
LegendRing names and shares of max