JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://dl.dropboxusercontent.com/u/6211055/PROJECTS/justGage/resources/js/justgage.min.js"></script>
    <div id="g1"></div>
    
    <div id="wrap"></div>

CSS

#g1 {
    width: 400px;
    height:300px;
    
}
#wrap{
    height: 100%;
    width: 100%;
    background-color: orange;
}

JavaScript

window.onload = function(){
        
         var g1 = new JustGage({
          id: "g1", 
          value: getRandomInt(0, 4000), 
          min: 0,
          max: 4000,
          title: "Well over thousand",
          label: ""
        });
    
        var w = 400;
var h = 400;
var paper = Raphael("wrap");
paper.setViewBox(0,0,w,h,true);
    var path = "M " + w / 2 + " " + h / 2;
    paper.setSize('100%', '100%');
var circle = paper.circle(50, 100, 100);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

}