JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="Circle" width="578" height="200"></canvas>

JavaScript

var canvas = document.getElementById('Circle');
      var context = canvas.getContext('2d');
      var centerX = canvas.width / 2;
      var centerY = canvas.height / 2;
      var radius = 80;

      context.beginPath();
      context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
      context.fillStyle = '#13a8a4';
      context.fill();
      context.lineWidth = 10;
      context.strokeStyle = '#000000';
      context.stroke();