JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewBox="0 0 100 100" version="1.1" id='svg'></svg>

JavaScript

var root = document.getElementById('svg'), i = 256, cir, a;
for (; i--;) {
    a = i*Math.PI/128;
    cir = document.createElementNS("http://www.w3.org/2000/svg", "circle");
    cir.setAttribute("cx", 50 - Math.sin(a)*45);
    cir.setAttribute("cy", 50 - Math.cos(a)*45);
    cir.setAttribute("r", "10");
    cir.setAttribute("fill", "rgb(" + i + ", " + i + ", " + i + ")");
    root.appendChild(cir);
}