JSFiddle - React, Tailwind, and code Playground
HTML
<div class="gauge"><span/></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div class="gauge"><span></span></div>
<div...
CSS
.gauge{
background-image: url('http://www.presentermedia.com/files/clipart/00003000/3896/blank_pressure_gauge_md_wm.jpg');
background-size: contain;
position: relative;
width: 150px;
height: 150px;
display: inline-block;
}
.gauge span{
display: block;
position: absolute;
bottom: 75px;
left: 74px;
width: 3px;
height: 30px;
background: red;
transform-origin: 50% 100%;
transition: transform 0.2s
}
JavaScript
setInterval(modificagauge, 200);
function modificagauge(){
$('.gauge').each(function(i,e){
var angolo = Math.round((Math.random() * 270) - 135);
$('span',e).css({
'transform': 'rotate(' + angolo + 'deg)'
});
});
}