gauge.js ======== 100% native and cool looking animated JavaScript/CoffeScript gauge * No images, no external CSS - pure canvas * No dependencies * Highly configurable * Resolution independent * Animated guage value changes * Works in all major browsers * MIT License ## Usage ```javascript var opts = { lines: 12, // The number of lines to draw angle: 0.15, // The length of each line lineWidth: 0.44, // The line thickness pointer: { length: 0.9, // The radius of the inner circle strokeWidth: 0.035 // The rotation offset }, colorStart: '#6FADCF', // Colors colorStop: '#8FC0DA', // just experiment with them strokeColor: '#E0E0E0' // to see which ones work best for you }; var target = document.getElementById('foo'); // your canvas element var gauge = new Gauge(target).setOptions(opts); // create sexy gauge! gauge.value = 1250; // set actual value gauge.maxValue = 3000; // set max gauge value ``` For an interactive demo and a list of all supported options please refer to the [project's homepage](http://bernii.github.com/gauge.js).