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:
http://www.justgage.com/
Tested with this, but turned out to be (way) too expensive on CPU load. (which was one of the things I wanted to visualize).
ReplyDeleteThank you for the review, its highly important to have little affect on the memory specially on the client side.
ReplyDelete