JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-streaming.min.js"></script>
<canvas id="chart" height="300" width="600"></canvas>

JavaScript

var ctx = document.getElementById("chart").getContext("2d");
var chart = new Chart(ctx, {
	type: 'line',
  data: {
    labels: [],
    datasets: [{
      label: "My First dataset",
      lineTension: 0,
      fill: false,
      data: []
    }]
  },
  options: {
    scales: {
      xAxes: [{
        type: 'realtime'
      }]
    },
    plugins: {
      streaming: {
        onRefresh: function(chart) {
          chart.data.labels.push(Date.now());
          chart.data.datasets[0].data.push(
          	Math.floor(10 + Math.random() * 80)
          );
        },
        delay: 2000
      }
    }
  }
});