JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<script src="http://www.flotcharts.org/flot/jquery.flot.categories.js"></script>
<div id="chart_filled_blue" style="width:400px; height:300px;"></div>

JavaScript

var series = [{"label":"Label 1","data":[["Label 1",1]]},{"label":"Label 2","data":[["Label 2",2]]}];

var options = {        
    series: {
        bars: {
            show: true,
            barWidth: .1,
            align: 'center'
        }
    },
    xaxis: {
        tickSize: 1,
        mode: "categories"
    }

};

$.plot("#chart_filled_blue", series, options);