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:
Customizable & Animated jQuery / HTML5 Gauge Meter Plugin
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.
jQuery Plugin To Generate Animated & Customizable Gauges - Flex Gauge
A powerful jQuery plugin to draw animated & highly customizable gauges using Html5 canvas element.
Smooth Progress Gauge Plugin With jQuery And CSS3 - simpleGauge.js
simpleGauge.js is a small jQuery plugin which lets you create minimal, clean, smooth gauge meters to represent percentage values on the webpage.
Simple jQuery Plugin For Creating SVG Based Gauges
A lightweight (~5kb minified) jQuery plugin which allows you to draw a simple customizable gauge using SVG element.
jQuery Plugin To Draw Animated Gauges using Canvas 2D API
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:
Canvas Based HTML5 Gauge Library – Gauge.js
Pure CSS Gauge:
Material Design Style Gauge Control
A simple, Material Design styled, semicircular gauge control built using pure HTML, CSS and CSS3 transforms.
Creating Fast and Responsive Gauges with Pure CSS
A pure CSS solution to create pretty, fast and responsive bar gauges which can be used for counter, progress bar, or anything else.