JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="500px" height="500px" style="background-color: #ddd;"></canvas>

JavaScript

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var x = 250;
var y = 250;

// Generate circles
	context.beginPath();
	context.arc(250, 250, 40, 0, 2*Math.PI); // x, y, radius, start angle, end angle
	context.fillStyle = "cyan";
	context.fill();