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

Question

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

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

Answer 1

对我来说，关键是要使用从＆＃39;输入＆＃39;用于分别附加子级和父级SVG对象。 e.g：

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

（请参阅问题中关于整个代码上下文的链接）

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

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