JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="400" height="400"></canvas>

JavaScript

var ctx=document.getElementById("canvas").getContext("2d");
ctx.fillStyle="green";
ctx.translate(100,100);
ctx.scale(10,10);
ctx.beginPath();
ctx.arc(0,0,5,2*Math.PI,false);
ctx.closePath();
ctx.fill();