JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id = "canvas" style="width: 320px; height: 240px; border:1px solid #d3d3d3;"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
      ctx.arc(160, 75, 50, 0, 2 * Math.PI, false);
      ctx.lineWidth = 15;
      ctx.strokeStyle = "#0f0";
      ctx.stroke();
    
    $('body').append($('<img>').attr('src', canvas.toDataURL()));