JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div>
    <canvas id="canvasElement" height="10000" width="10000"></canvas>
</div>
</body>

CSS

html,body,div {
    height: 100%;
    width: 100%;
    margin: 0;
  }

JavaScript

context =document.getElementById("canvasElement").getContext("2d")
        
        context.beginPath();
        context.arc(100,100,10,0,2*Math.PI);
        context.fillStyle = "blue";
        context.fill();