JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='can' width='500' height='300'></canvas>

CSS

#can{
  border: 1px solid;
}

JavaScript

var x = can.getContext('2d')

x.beginPath();

var radius = 50;
for(var i = 0; i < 10; i++){
	x.arc(70,70,radius,0,Math.PI*2);
  radius = radius - 5
}

x.stroke();