JSFiddle - React, Tailwind, and code Playground

HTML

<script data-require="jquery@1.11.0" data-semver="1.11.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script data-require="flot@*" data-semver="0.8.2" src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>

  <body>
    <div class="demo-container">        
        <div id="placeholder" class="demo-placeholder"></div>
        <div id="legend-container"></div>
    </div>
  </body>

CSS

#legend-container {
    background-color: #fff;
    padding: 2px;
    margin-bottom: 8px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #E6E6E6;
    display: inline-block;
    margin: 0 auto;
}

.demo-container {
    box-sizing: border-box;
    width: 750px;
    height: 300px;
    padding: 20px 15px 15px 15px;
    margin: 15px auto 30px auto;
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
    width: 80%;
    height: 80%;
    font-size: 14px;
    line-height: 1.2em;
    float: left;
}

JavaScript

$(function() {
  //Data from this year and last year
  var One = [
    [3, 231.01],
    [4, 219.65],
    [5, 222.47],
    [6, 223.09],
    [7, 248.43],
    [8, 246.22]
  ];

  var Two = [
    [3, 171.7],
    [4, 130.62],
    [5, 163.03],
    [6, 166.46],
    [7, 176.16],
    [8, 169.04]
  ];

  var someData = [{
    //Usage this year
    label: "One",
    data: One
  }, {
    //Usage last year to compare with current usage
    label: "Two",
    data: Two
  }];

  //Draw the graph
  var somePlot = $.plot(('#placeholder'), someData, {
    legend: {
      show: true,
      container: $('#legend-container')
    }
  });
});