JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="500" height="500" id="canvas"></canvas>
<canvas width="500" height="500" id="canvas_1"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.arc(100, 100, 50, 0, Math.PI*1.5, false,false);
ctx.stroke();
var canvas_1 = document.getElementById('canvas_1');
var ctx_1 = canvas.getContext('2d');
ctx_1.beginPath();
ctx_1.arc(50, 50, 10, 0, Math.PI*1.5, false,false);
ctx_1.stroke();