JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<!DOCTYPE html>
<body>
    <div id="graph" >
				<img id='obj' type="text/html" style="width:100%; height:100%; margin:1%; " src="https://api.cosm.com/v2/feeds/120687/datastreams/sensor_reading.png?width=740&height=150&colour=%230055ff&duration=5minutes&legend=Vibrations%20measure%20%200%20-%3E%201024&title=Foosball%20Vibrations%20-%205%20Minutes&stroke_size=4&show_axis_labels=true&detailed_grid=true&scale=manual&max=75&timezone=Mountain%20Time%20(US%20%26%20Canada)" >

</div>
</body>

CSS

#graph {
	background-color:#C0C0C0;
	margin: 0 auto;
	min-height: 200px ;
	min-width: 750px ;
	display: inline-block;
}

JavaScript

$('document').ready( function() {
    var i;
    setInterval(function(){
        i++;
        $('body').append('updating...');
        var src = $('#obj').prop('src');
        $('#obj').prop('src',src+"&"+i);
    
    },5000);
});