JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="c" width="200" height="200">
    Your browser does not support the HTML5 canvas tag.
</canvas>

CSS

canvas {
    border: 1px #d3d3d3 solid;
}

JavaScript

function drawit(timestamp) {
    var ctx = c.getContext("2d");
	ctx.lineWidth = 8;
    ctx.clearRect(0, 0, c.width, c.height);
    for (var x = 1; x < 11; x++) {
        var st = timestamp * x * Math.PI;
        ctx.beginPath();
        ctx.arc(100, 100, x * 10 - 6, st + Math.PI, st);
        ctx.stroke();
    }
    window.requestAnimationFrame(drawit)
}
window.requestAnimationFrame(drawit);