JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chart123">

</div>

CSS

.chart123{
width:300px;
    height:300px;
}  

.container{
width:300px;
    height:300px;
    display: block;
}

JavaScript

$(function() {
    var chartContainer = $("<div/>").addClass("container");

    var chart = $(".chart123");
    chart.append(chartContainer);

    var
    d1 = [[0, 4]],
        d2 = [[0, 3]],
        d3 = [[0, 1.03]],
        d4 = [[0, 3.5]],
        graph;

    graph = Flotr.draw(chartContainer[0], [
        {
        data: d1,
        label: 'Comedy'},
    {
        data: d2,
        label: 'Action'},
    {
        data: d3,
        label: 'Romance',
        pie: {
            explode: 50
        }},
    {
        data: d4,
        label: 'Drama'}
    ], {
        HtmlText: false,
        grid: {
            verticalLines: false,
            horizontalLines: false
        },
        xaxis: {
            showLabels: false
        },
        yaxis: {
            showLabels: false
        },
        pie: {
            show: true,
            explode: 6
        },
        mouse: {
            track: true
        },
        legend: {
            position: 'se',
            backgroundColor: '#D2E8FF'
        }
    });


});