JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#can{
  border: 1px solid;
}

JavaScript

var count = 0;
var count2 = 0

function foo(){
	var can = document.getElementById('can')
	var x = can.getContext('2d')

	x.beginPath();

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

x.stroke();
count+=0.10
count2+=0.10

}

setInterval(foo, 200)