JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canv"></canvas>

CSS

canvas {
    border: 1px solid silver;
}

JavaScript

var ctx = document.querySelector('#canv').getContext('2d'); 
ctx.strokeStyle = '#f00';
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(250,100);
ctx.stroke();
ctx.strokeStyle = '#17a9ef';
ctx.beginPath();
ctx.moveTo(100, 20);
ctx.lineTo(10, 120);
ctx.stroke();