D3 treemap - 如何将div插入第一级节点？

Question

我是D3.js的新手，想要制作这样的树形图：http://bl.ocks.org/mbostock/4063582#index.html

我要做的是将新div插入父节点。

...
d3.json("flare.json", function(error, root) {
  var node = div.datum(root).selectAll(".node")
      .data(treemap.nodes)
    .enter().append("div")
// parent nodes have class name "first"
      .attr("class", function(d) { return d.children ? "node first" : "node"; })
      .call(position)
      .style("background", function(d) { return d.children ? color(d.name) : null; })
      .text(function(d) { return d.children ? null : d.name; });

// my code
  var parents = d3.selectAll(".first")
     .data(treemap.value(function(d) { return d.size; }).nodes)  // ISSUE
     .enter().append("div")
     .text(function(d) { return d.name; });

  d3.selectAll("input").on("change", function change() {
    var value = this.value === "count"
        ? function() { return 1; }
        : function(d) { return d.size; };

    node
        .data(treemap.value(value).nodes)
      .transition()
        .duration(1500)
        .call(position);
  });
});

...

但这不能正常工作。 如何通过向他们添加新DIV来更新会员节点？ 请有人帮帮我。非常感谢...