d3.js - d3.js でのデータ結合の子要素の更新

Question

d3 の基本操作を把握するのに苦労しています: 変化するデータ セットの子要素を更新します。子要素は、最初のパスで「追加」し、後続のパスで変更する必要があります。「入力」操作を使用して制御できる親要素の場合、子要素の使用方法がわかりません。バブル レイアウトを使用していますが、それは問題ではないと思います。

var node = vis.selectAll("g.node").data(
bubble.nodes(classes(json)).filter(function (d) {
    return !d.children;
}), function (d) {
    return d.className;
});

node.select("circle").attr("r", function (d) {
    return d.r;
});

node.enter().append("g").attr("class", "node")
    .attr("transform", function (d) {
    return "translate(" + d.x + "," + d.y + ")";
});

node.append("circle").attr("r", function (d) {
    return d.r;
});

コードが実行されている jsfiddle http://jsfiddle.net/johnpoole/xsafy/131/を次に示します。