JSFiddle - React, Tailwind, and code Playground

HTML

<div id="center"></div>

CSS

#center {
    width:200px;
    height:200px;
    border-radius:100px;
    background: black;
    position:relative;
    left:200px;
    top:100px;
}

.point {
    width:6px;
    height:6px;
    background: blue;
    position:absolute;
}

JavaScript

var iteration = 4;
var left = [94,200,106,-6];
var top = [-6,94,200,94];    

for(var i=0; i<iteration; i++){
     
    
    //console.log(3.6 / iteration * i / 3.6);
    
    //var left = 360 / iteration * i / 3.6;
    //var top = 360 / iteration * i / 3.6;
    
    //console.log(am - i);

    $("#center").append("<div class='point' style='left:"+left[i]+"px;top:"+top[i]+"px'></div>");    
            
}