Here’s a very simple, but nice looking meter in JavaScript. It’s configurable for a number of uses. There’s no need for any css (styling is by configuration) or additional libraries (it uses Chroma-js), as everything required is packaged up in one module.

Where to get it

On github or npm

Getting started

require it
script tag


A speedometer

Fine tune your own interactively on Codepen


Create a canvas element

Pass it to an instance of the meter

Update it when you want


Most aspects of the meter are configurable.


The defaults are for a guitar tuner and look like this.


Here’s the skin for the speedometer example. Any properties not mentioned here are picked up from default

Use it like this

For more like this see Google Apps Scripts Snippets
Why not join our forum, follow the blog or follow me on twitter to ensure you get updates when they are available.