A gauge meter (also known as gauge chart, gauge graph) is an online tool which can be used to represent data values in full-radial, semi-radial & arch dials.
Originally Published May 18 2019, updated Jan 26 2023
Table of contents:
jQuery Gauge Plugins:
GaugeMeter.js is a versatile jQuery gauge plugin which takes advantage of HTML5 canvas to render animated gauge meters and dials with plenty of customization options.
A powerful jQuery plugin to draw animated & highly customizable gauges using Html5 canvas element.
simpleGauge.js is a small jQuery plugin which lets you create minimal, clean, smooth gauge meters to represent percentage values on the webpage.
A lightweight (~5kb minified) jQuery plugin which allows you to draw a simple customizable gauge using SVG element.
A lightweight and easy-to-use jQuery plugin to draw animated circular/half-circular gauges using Html5 canvas 2D drawing API.
Vanilla JS Gauge Libraries:
Pure CSS Gauge:
A simple, Material Design styled, semicircular gauge control built using pure HTML, CSS and CSS3 transforms.
A pure CSS solution to create pretty, fast and responsive bar gauges which can be used for counter, progress bar, or anything else.