Friday, August 24, 2012

JustGage - Gauge Library in JavaScript

The JS world is booming with new stuff and almost every day I can see more and more visualization libraries, one of them is JustGage which allows you to create half circular gauges in no time.

JustGage  is a simple yet beautiful Gauge visualization that allows you create elements using jacascript and Raphael.js

It is based on RaphaĆ«l library for vector drawing, so it’s completely resolution independent and self-adjusting.

Using the library is simple, just load the libraries: 

  • <script src="raphael.2.1.0.min.js"></script>
  • <script src="justgage1.0.min.js"></script>

Create your Gauge div:

<div id="gauge" class="200x160px"></div>

Run some simple JS code to apply on the Div:

  • var g = new JustGage({
  • id: "gauge",
  • value: 67,
  • min: 0,
  • max: 100,
  • title: "Visitors"
  • });

I hope they will extent there library with some more cool Gauges soon!

More info & Download: 


  1. Tested with this, but turned out to be (way) too expensive on CPU load. (which was one of the things I wanted to visualize).

  2. Thank you for the review, its highly important to have little affect on the memory specially on the client side.