block by sathomas a8f1cc13c8b4fcb63c6f

A Material Design Gauge in Pure CSS/HTML

Full Screen

As a change of pace from complex visualizations, here’s simple Material Design gauge control implemented in pure CSS/HTML. The implementation includes an optional JavaScript component to change the gauge value dynamically. If you’d like to use the gauge on your web pages (it’s open source), you can download it from GitHub, where you’ll also find documentation on how to use it. In this post we’ll walk through the implementation to understand how it works.

index.html

README2.md

script.lnk

thumbnail.lnk