如何用线或路径连接两个d3 js svg圈？

Question

希望有人可以帮助我。 所以我创建了2个或更多可拖动的圆圈，然后我想用线或路径连接它们。我怎样才能做到这一点？当我将它拖动时，如何使线/路径跟随圆圈？ 以下是圈子创建的代码：

svg.append("circle")
    .data([{ x: 250, y: 250, r: 25 }])
    .attr('class', 'draggableCircle')
    .attr('cx', function(d) { return d.x; })
    .attr('cy', function(d) { return d.y; })
    .attr('r', function(d) { return d.r; })
    .attr("stroke-width", 0)
    .attr("stroke", "black")
    .attr("id", guid())
    .call(drag)
    .style('fill', getRandomColor());

是否有可能将线路/路径挂钩到两个圆圈？

亲切的问候