JustGauge Dashboard

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.2/justgage.js"></script>
    <div id="g1"></div>

CSS

#g1 {
    width: 200px;
    height:60px;
}

JavaScript

window.onload = function(){
        
         var g1 = new JustGage({
          id: "g1", 
          //value: getRandomInt(0, 100), 
          value: -5, 
          min: -100,
          max: 100,
          titlePosition: 'below',
          //label: "",
          width: 150,
          height: 75,
          pointer: true,
          gaugeWidthScale: 1.2,
          /*pointerOptions: {
            toplength: -15,
            bottomlength: 10,
            bottomwidth: 12,
            color: '#8e8e93',
            stroke: '#ffffff',
            stroke_width: 3,
            stroke_linecap: 'round'
          },*/
          noGradient: true,
          customSectors: [{
          	color: '#ff0000',
            lo: 0,
            hi: 33
          },
          {
          	color: '#f9c802',
            lo: 33,
            hi: 66
          },{
          	color: '#a9d70b',
            lo: 66,
            hi: 100
          }]
        });
}