JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas">
    Your browser does not support the HTML5 canvas tag.
</canvas>

CSS

html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
#myCanvas {
	width: 100%;
	height: 100%;
	display: block;
}

JavaScript

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

context.id = "myContext";
context.beginPath();
context.arc( 95, 50, 40, 0, 2 * Math.PI );
context.stroke();
			
setTimeout( function() { 
	var rectWidth = 150;
	var rectHeight = 75;
	context.fillStyle = "blue";
	context.fillRect( rectWidth / -2, rectHeight / -2, rectWidth, rectHeight );
}, 2000 );