JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById("canvas")
var ctx = canvas.getContext("2d")

function ellipse(color, lineWidth, x, y, stretchX, stretchY, startAngle, endAngle) {
	for (var angle = startAngle; angle < endAngle; angle += Math.PI / 180) {
		ctx.beginPath()
		ctx.moveTo(x, y)
		ctx.lineTo(x + Math.cos(angle) * stretchX, y + Math.sin(angle) * stretchY)
		ctx.lineWidth = lineWidth
		ctx.strokeStyle = color
		ctx.stroke()
		ctx.closePath()
	}
}

ellipse("rgb(34, 278, 123)", 5, 60, 60, 40, 60, 0, Math.PI * 2)