ngCanvasGauge

ngCanvasGauge simplifies the process of creating and the displaying a barometer-like graphic on a Web page.

These types of progress indicators are also known as gauges, and ngCanvasGauge uses HTML5's canvas utility to render them at various sizes and with different colors.

AngularJS is used to determine where to show the gauge on the page, and also customize some of its settings.

Developers can tweak the gauge's colors, its dimensions, the start, and end scale values if to show a percentage in the middle, and, of course, the value of the percentage/gauge itself.

Multiple gauges can be embedded on the same page, and a small demo is included with the download package as well.

Requirements:

• JavaScript enabled on client side
• AngularJS
• HTML 5 enabled browser