JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.js"></script>


<div id="main-chart" style="width:200px;height:200px;"></div>

JavaScript

var plotData = [
    [1, 12.35],
    [2, 34.6],
    [3, 56.7],
    [4, 4.35]
];
$.plot($("#main-chart"), plotData, {
    bars: {
        show: true,
        lineWidth: 0,
        fill: true,
        fillColor: {
            colors: [{
                opacity: 0.8
            }, {
                opacity: 0.1
            }]
        }
    }
});