JSFiddle - React, Tailwind, and code Playground

HTML

<div id="placeholder" style="width:530px;height:260px"></div> <script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>

CSS

body {
    background:black;
}

JavaScript

$(function () {
    var d1 = [123.2272339,119.7377472,120.7516861,123.0242538,117.153801,115.8917084,116.0157013,116.5079498,117.6062317,116.6430359,114.6888275,110.8925247,115.9662247,115.2125854,112.938797,113.5214844,113.9291,114.6692886,113,111.7201309,115.962532,113.7404633,112.3142548,114,113.195549,112.1496429,113.6989365,111.2608414,112,114.8261185,117.145546,115.7193375,115,114,115.7253876,116,117,119.2646713,123.4548492,131.0422058,130.0486145,131.8208923,132.7519379,133.2447357,136.1759949,141.4139404,145.4695129,147.7685852,147.4279175,148.2247467,149.8389587,149.1700287,152.05867,143.3739929,147.9070587,153.4486847,161.919632,159.177124,161.2537384,170.40979,182.4767456,196.4714355,209.7082825,198.7297211,193.3135529,195.5899506,221.2919617,209.1614227,213.5752411,224.8596191,238.8690948,226.8387451,207.4434052,205.5179596,193.2910004,207.4564362,211.4116058,199.3461151,183.8716888,165.7519531];
    var d2 = [];
    for (var i = 0; i < d1.length; i ++)
        d2.push([i, d1[i]]);

    
    $.plot($("#placeholder"), [
        { label: "wysokość",  data: d2, color:'#33f0ff'}
    ], {
        series: {
            lines: { show: true , fill: true, fillColor: "rgba(255, 255, 255, 0.2)"},
            points: { show: true, radius: 1}
        },
        xaxis: {
            ticks: 10
        },
        yaxis: {
            ticks: 6
        },
        grid: {
            backgroundColor: { colors: ["#777", "#222"] },
            color: '#bbb'
        },
        legend: {
            backgroundColor: '#232323',
            color: '#ddd',
            labelBoxBorderColor: '#ddd'
        }
    });
});