JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas"></canvas>

JavaScript

var canvas = document.getElementById("myCanvas");
    var c = canvas.getContext("2d");
    var startX = 50;
    var startY = 50;
    var endX = 100;
    var endY = 100;
    var amount = 0;
    setInterval(function() {
        amount += 0.05; 
        c.clearRect(0, 0, canvas.width, canvas.height);
        c.strokeStyle = "black";
        c.moveTo(startX, startY);
        c.lineTo(startX + (endX - startX) * amount, startY + (endY - startY) * amount);
        c.stroke();
    }, 30);