JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>
<div class="placeholder"></div>
<div class="placeholder"></div>
<input id="btn" type="button" value=" New Chart " />

CSS

div.placeholder {
  height: 300px;
}

JavaScript

$(function() {

  function getNewData() {
    var temp = [];
    for (var i = 0; i <= 10; i++) {
      temp.push([i, Math.random()]);
    }
    return temp;
  }
  
  $.plot("div.placeholder:first", [getNewData()]);
  $.plot("div.placeholder:last", [getNewData()]);

  function newChart() {
    $('div.placeholder:visible:first').hide();
    $('div.placeholder:last').after($('<div>').addClass('placeholder'));
    $.plot("div.placeholder:last", [getNewData()]);
  }
  
  $('#btn').on('click', newChart);
});