JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>
<div id="placeholder"></div>

CSS

#placeholder {
    height: 300px;
}

JavaScript

$(function () {

    var sin = [];
    for (var i = 0; i < 14; i++) {
        sin.push([i, Math.sin(i)]);
    }

    var plot = $.plot("#placeholder", [{
        data: sin,
        label: "sin(x) = -0.00",
        color: 'rgba(255, 0, 0, 1.0)',
        highlightColor: 'rgba(255, 255, 255, 0.5)',
        bars: {
            show: true,
            fillColor: 'rgba(255, 0, 0, 1.0)'            
        }
    }], {
        grid: {
            hoverable: true,
            autoHighlight: true
        },
        yaxis: {
            min: -1.2,
            max: 1.2
        }
    });


});