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 = 1;
var i = 1;
ctx.fillRect(250,250,10,10);
var i = -250
while (i<250){
ctx.moveTo(250,0);
ctx.quadraticCurveTo(i,250,250,500);
ctx.stroke();
i = i+20;
};