JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#myCanvas{
    width: 440px;
    height: 256px;
}

JavaScript

var canvas, context;

init();

function init() {

   canvas = document.getElementById("myCanvas");


    context = canvas.getContext("2d");



    context.fillStyle = 'rgb(245,245,245)';
    context.fillRect( 0, 0, 420, 256 );

    context.beginPath();
    context.moveTo(10, 70);
    
   context.bezierCurveTo(160, 50, 240, 50, 400, 50);
    context.lineWidth=4;
    context.stroke();

}