JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="svgCircle" viewBox="0 0 250 250" width="500" height="500">
</svg>

CSS

*{
	margin: 0;
	padding: 0;
}
body{
	background: #353b4b;
}

JavaScript

var svgCircle = document.getElementById("svgCircle");
var svgCircleContent;
var maxNumOfBalls = 200;
for (var i = 0; i < maxNumOfBalls; i++) {
	var x = Math.sin(360 / maxNumOfBalls * i) * 100;
	var y = Math.cos(360 / maxNumOfBalls * i) * 100;
	svgCircleContent = svgCircleContent + '<circle r="0.5" cx="' + (x + 125) + '" cy="' + (y + 125) + '" fill="#fff" class="circleBalls"/>';
}
svgCircle.innerHTML = svgCircleContent;