Skip to main content Skip to footer
JavaScript Icon

Gauges for JavaScript

Enhance your dashboard with gauges to track progress, highlight key metrics, and more.

JavaScript LinearGauge

Display a single value along a linear scale. Use the linear gauge as a progress bar, define and customize ranges, or customize the pointer and labels.

Try the LinearGauge Demo

JavaScript RadialGauge

Display a circular scale with an indicator with RadialGauge. Use the gauge as a simple indicator, or set isReadOnly to false and use it as an input component. Customize the ranges to indicate interest or progress, or hide the ranges and customize the pointer.

Try the RadialGauge Demo

JavaScript BulletGraph

Show a single, linear metric on your dashboard with BulletGraph. Customize the display to show comparative measures and qualitative ranges to instantly signal the state of your metric.

Try the BulletGraph Demo