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;

while (i<20){
ctx.moveTo(0,0);
ctx.quadraticCurveTo(i*10,250,0,500);
ctx.stroke();
    i++;
}