在D3中，你如何有条件地嵌套SVG元素（在'enter'的上下文中）？

Question

具体来说，给出这个例子：https://bl.ocks.org/mbostock/4062045

我将如何嵌套其他人的圈子？那些能够链接到其他（父母）圈子吗？

Answer 1

对我来说，关键是使用'enter'返回的内容来分别附加子对象和父对象SVG对象。例如：

var enter = svg...enter() 
var node = enter.append("rect")... 
var children = enter.append("rect")... 

（看到整个代码的上下文中的问题的链接）

有条件地添加孩子，你可以按如下方式使用过滤器：

var children = enter.filter(...).append("rect")...