JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var canvas = document.getElementsByTagName("canvas")[0];
var context = canvas.getContext("2d");

context.beginPath();
context.arc(100, 100, 75, 0, (270 * Math.PI) / 180, true);
context.arc(150, 150, 75, 0, (270 * Math.PI) / 180, true);
context.fill();