JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "outer">

</div>

CSS

#outer{
 background-color:#CF3;
 width:300px;
 height:300px;
}

.inner
{
    position:relative;
    background-color:ccc;
    width:10px;
    height:10px;
        
}

JavaScript

function getCoords(divNum, radius, center){
   var angleInt= 360/divNum;
   var outArray=[];
   for (i=0;i<angleInt;i++){
    outArray.push([(Math.cos(angleInt*i)*radius+center[0]),(Math.sin(angleInt*i)*radius+center[1])]);
   }
  return outArray;
}

var localization=getCoords(10,100,[100,100]);
console.log(getCoords(10,100,[10,10]));

for (var element in localization){
    var posTop=localization[element][0];
    var posLeft=localization[element][1];
    var element= $("<div class='inner'>varun</div>");
    $(element).css({ position: "absolute",
            marginLeft: 0, marginTop: 0,
            top: posTop, left: posLeft });
    $("body").append(element);


}