JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/flot/flot/master/jquery.flot.js"></script>
<div id="container" style="width:400px;height:300px;"></div>

JavaScript

var i = 0;
    var datapoints = [];
    var options = {
        lines: {
            show: true
        },
        points: {
            show: true
        },yaxis: {
            min: 40,
            max: 60
        },
        xaxis: {
            show : true
        }
    };
    var plot;
    $(document).ready(function () {
        plot = $.plot("#container", [[]], options);
        setTimeout(loadMesures, 1000);
    });
    function loadMesures() {
                freq = 50;
                i++;
                datapoints.push([i, freq]);
                var temp = plot.getData();
        
                temp[0].data = datapoints;
                plot.setData(temp);
                plot.setupGrid();
                plot.draw();
                setTimeout(loadMesures, 1000);
                //$.plot("#placeholderplot", [datapoints], options);
        }