JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.


Values can be set trough javascript or data-attribute. data-value=""


Give the value a custom color with the "levelColors:" option. The color of the gauge can be customized with the "gaugeColor" option.
The shadow can be removed by setting the "hideInnerShadow:" option to true.


Make the gauge responsive by setting the "relativeGaugeSize:" to true.
Resize your browser window to see the resposive effect.

Shape & Thickness

Create a donut shape by setting the "donut:" option to true.
The thickness can be set with the "gaugeWidthScale:" option. Use values from 0 to 1, e.g. 0.5


Use a pointer on the value by setting the "pointer:" option to true. You can customize the pointer by setting "pointerOptions:".

Custom Value Renderer

The textRenderer function to display custom text based on the value.

© 2016 YourApp