JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#myCanvas{
    margin-left:auto;
    margin-right: auto;  
    border:1px solid grey
}

JavaScript

var canvas = $("#myCanvas");
    canvas[0].width = 700;
    canvas[0].height = 100;

var pen = canvas[0].getContext("2d");

pen.strokeStyle = "#000000";
pen.lineWidth = "1";

pen.beginPath();
pen.moveTo(700, 100);
pen.lineTo(0,0);
pen.stroke();

pen.beginPath();
pen.moveTo(700, 110);
pen.lineTo(0.5,10);
pen.stroke();

pen.beginPath();
pen.moveTo(700, 120);
pen.lineTo(0.5,20.5);
pen.stroke();