Javascript 响应随机圆网格

我想在HTML/CSS/JavaScript（不包括效果）中创建以下随机圆圈网格。我不知道该怎么做。我是否应该使用绝对定位以使其工作/响应？看起来像是一个中心点在拉圆圈

从iTunes捕获的GIF

HTML

<div class="circle large">
    Hello
</div>
<div class="circle medium">
    Hello
</div>

输出

---

对于那种重力效果，你需要使用

。对于那种重力效果，你需要使用

。

对于那种重力效果，你需要使用画布effect@Swordys请添加此评论作为答案，这样我可以给您打分；）当然，祝你好运！你需要用帆布来做那种重力effect@Swordys请添加此评论作为答案，这样我可以给您打分；）当然，祝你好运！

.circle {
    border-radius: 50%;
    text-align: center;
    color: #111;
    margin: 10px;
}

.medium {
    width: 80px;
    height: 80px;
    border: 3px #FC3358 solid;    
    font-size: 14px;
    line-height: 80px;    
}

.large {
    width: 120px;
    height: 120px;
    font-size: 18px;
    line-height: 120px; 
    background: #FC3358;
    color: #fff;
}