JSFiddle - React, Tailwind, and code Playground

by sptx457

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="Wrap">

</div>

CSS

#Wrap{
  background: #AFA;
  width: 200px;
  height: 200px;
  position: relative;
  border: 1px solid #000;
}
.Dot{
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 25px;
  background: green;
}

JavaScript

for(i=0;i<1000;i++){
	var radius = 100;
	x = Math.random() * 2 * radius - radius;
	ylim = Math.sqrt(radius * radius - x * x);
	y = Math.random() * 2 * ylim - ylim;
  
  $div = $('<div/>')
  $div.css({top: radius+y, left: radius+x}).addClass('Dot');
  $div.appendTo( $('#Wrap') )
 }