javascript冲突检测，d3js

在javascript中做一件小事，我在d3.js库中将元素添加到SVG中。单击按钮时，下面的函数将运行。它只是向SVG添加了一个新的圆圈元素。我需要的帮助是实现碰撞检测，这样元素就不会相互叠加

    createCircle = function(p) {
    var person = svg.append("circle")
        .attr("cx", Math.random() * svgWidth)
        .attr("cy", Math.random() * svgHeight)
        .attr("r", 20)      
        .attr("class","person")
        .attr("id","p_"+index)
        .style("fill", p.color);
    index++
}

---

你看到了吗？是的，我看到了。但是当我添加元素时，我是以一种略微不同的方式来做的。Dit并没有真正在我的代码中实现这个示例。