JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canv" width=500 height=500></canvas>

CSS

canvas {
  border: 1px solid #7e7e7e;
}

JavaScript

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
var arr = [];
var canvas = document.getElementById("canv");
var ctx = canvas.getContext("2d");
ctx.fillStyle = 'green';
ctx.lineWidth = 1;
function draw () {
	var n = getRandomInt(230, 290);
  var lenght = arr.unshift(n);
  if (lenght > 100) arr.pop();
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.beginPath();
  ctx.arc(400, n, 5, 0, 2 * Math.PI, false);
  ctx.fill();
  ctx.moveTo(400, n); 
  for(var i = 1; i < arr.length; i++) {
   ctx.lineTo(400 - 4 * i, arr[i]);
  }
  ctx.stroke();
}
setInterval(draw, 100);