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

node
require it
script tag

Examples

A speedometer

Fine tune your own interactively on Codepen

API

Create a canvas element

Pass it to an instance of the meter

Update it when you want

Configuration

Most aspects of the meter are configurable.

Defaults

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

Example

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.