JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-bootstrap/0.5pre/assets/css/bootstrap.min.css">
<div id="placeholder" class="graph"></div>

CSS

.graph{
    width: 50
        %;
    height: 350px;
}

JavaScript

var randNum = function () {
                return Math.floor(21 * Math.random()) + 20
            }
            var a = ["#88bbc8", "#ed7a53", "#9FC569", "#bbdce3", "#9a3b1b", "#5a8022", "#2c7282"];

  var b = [[1, 3 + randNum()], [2, 6 + randNum()], [3, 9 + randNum()], [4, 12 + randNum()], [5, 15 + randNum()], [6, 18 + randNum()], [7, 21 + randNum()], [8, 15 + randNum()], [9, 18 + randNum()], [10, 21 + randNum()], [11, 24 + randNum()], [12, 27 + randNum()], [13, 30 + randNum()], [14, 33 + randNum()], [15, 24 + randNum()], [16, 27 + randNum()], [17, 30 + randNum()], [18, 33 + randNum()], [19, 36 + randNum()], [20, 39 + randNum()], [21, 42 + randNum()], [22, 45 + randNum()], [23, 36 + randNum()], [24, 39 + randNum()], [25, 42 + randNum()], [26, 45 + randNum()], [27, 38 + randNum()], [28, 51 + randNum()], [29, 55 + randNum()], [30, 60 + randNum()]]
                   , c = [[1, randNum() - 5], [2, randNum() - 4], [3, randNum() - 4], [4, randNum()], [5, 4 + randNum()], [6, 4 + randNum()], [7, 5 + randNum()], [8, 5 + randNum()], [9, 6 + randNum()], [10, 6 + randNum()], [11, 6 + randNum()], [12, 2 + randNum()], [13, 3 + randNum()], [14, 4 + randNum()], [15, 4 + randNum()], [16, 4 + randNum()], [17, 5 + randNum()], [18, 5 + randNum()], [19, 2 + randNum()], [20, 2 + randNum()], [21, 3 + randNum()], [22, 3 + randNum()], [23, 3 + randNum()], [24, 2 + randNum()], [25, 4 + randNum()], [26, 4 + randNum()], [27, 5 + randNum()], [28, 2 + randNum()], [29, 2 + randNum()], [30, 3 + randNum()]]
                   , d = $('#placeholder')
                   , e = {
                       grid: {
                           show: !0,
                           aboveData: !0,
                           color: "#3f3f3f",
                           labelMargin: 5,
                           axisMargin: 0,
                           borderWidth: 0,
                           borderColor: null,
                           minBorderMargin: 5,
                           clickable: !0,
      ...