JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="500" height="500">

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.strokeStyle = "black";
ctx.lineWidth = 5;

ctx.moveTo(0,0);
ctx.quadraticCurveTo(500,250,0,500);
ctx.stroke();