JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="Nr1" width="800" height="800"></canvas>

JavaScript

var canvas = document.getElementById("Nr1");
            var context = canvas.getContext("2d");
            
            context.moveTo(381, 128);
            context.lineTo(731, 278);
            context.lineWidth = 3;
            context.strokeStyle = "#0ff0000";
            context.stroke();
            
            context.moveTo(381, 134);
            context.lineTo(731, 284);
            context.lineWidth = 3;
            context.strokeStyle = "#00ff00";
            context.stroke();
            
            context.moveTo(381, 281);
            context.lineTo(731, 281);
            context.lineWidth = 4;
            context.strokeStyle = "#000ff0";
            context.stroke();