Gage (Gauge JS) UI widget

JavaScript Gauge (or Gage) widget is a ready-made tool for developing web dashboards with color data displaying. Gage can be dynamically updated with the new data. Changing of values runs with smooth animation the speed of which you can configure if needed. You can also disable the animation effect and use static Gauge JS chart.

Customizable JavaScript Gauge ChartView Demo

Do you need to specify range specifically between, say, 0 and 125? Setting the size of range is available: define the maximum and minimum range values. In addition, you can choose the initial value of the gage.

javascript gauge chart
View demo

Gauge JS Label and Placeholder

Set names for each of your gage charts and their measurement units measurement unit, for example: “Speed”, “Pressure”, “Temperature” and “MPH, “MPa”, “°F”.

Javascript Gauge Chart with Animation and Custom Colors

The appearance of the Gage chart is fully configurable. You can define custom colors to be used in the chart. It's possible to set one fixed color or choose different colors for a particular range of displayed values. Also, using CSS, you can adjust the animation speed.

Browsers Support

Gages JS widget are compatible with all modern browsers: Chrome, Safari, IE8+, Firefox and Opera.

Ready for Touch Devices

Gages can be used in mobile web apps that run on touch devices (iPad, iPhone, Android).

CSS Styling

Gages charts can be easily customized with CSS.

Frameworks Support

The widget can be integrated with jQuery, Angular, React, Vue.js, Backbone.


The JavaScript UI library supports high-contrast skin, keyboard navigation and WAI-ARIA attributes.

Windows and Popups