ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

GaugeChart

Circular gauge visualization for progress and usage metrics.

Gold (CPU)

CPU usage gauge with gold-colored arc at 75%.

75/ 100
CPU Usage

Success (Memory)

Memory utilization gauge with green success arc.

42/ 100
Memory

Info (Disk)

Disk usage gauge with blue info-colored arc.

88/ 100
Disk

Error (Network)

Network load gauge with red error arc at critical level.

95/ 100
Network

Server Dashboard

All four gauge variants displayed together for a server health overview.

75/ 100
CPU
42/ 100
Memory
88/ 100
Disk
95/ 100
Network

Usage

<GaugeChart value="75" max="100" label="CPU Usage" color="gold" /><GaugeChart value="42" max="100" label="Memory" color="success" /><GaugeChart value="88" max="100" label="Disk" color="info" /><GaugeChart value="95" max="100" label="Network" color="error" />

Props

PropTypeDefaultDescription
valuetext"0"Current value
maxtext"100"Maximum value
labeltext""Label below the gauge
colortext"gold"Arc color: gold, success, info, error, warning