JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="400" height="400" style="background-color:#ffffff;"></canvas>

JavaScript

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

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

ctx.beginPath();

// y = (x-5)*(x-5) 
var iPoints=20,
nX=0,
nY=0;
for (var x=-10; x<=iPoints; x++) {
	nY = ( (x-5)*(x-5) );
  ctx.lineTo(200-x, 300-nY);
}
ctx.stroke();