NeumorUI

Data Display

GaugeChart

Circular gauge/speedometer with animated arc fill, auto-color based on value, and center label.

tsx

1import { GaugeChart } from "neumorui";

Example

value

max

size

strokeWidth

color

label

showValue

suffix

animate

Props

Prop	Type	Default
value	number	-
max	number	100
size	number	160
strokeWidth	number	14
color	string	auto (green/yellow/red)
label	string	-
showValue	boolean	true
suffix	string	""
animate	boolean	true