D3js cómo agregar 2 niños al mismo nivel en .enter context

Question

Tengo un problema al tratar de poner un círculo y un texto dentro de un grupo (mismo nivel, no dentro de cada uno) en el contexto .enter()

var categorized = g1.selectAll("g.node").data(dataset, function(d){return d.id}) 

categorized 
.enter() 
    .append("g") 
    .attr("id", function(d,i){return d.id;}); 

categorized 
.enter().append("circle") 
    .style("fill", "#ddd"); 
// throws an error 

categorized 
.append('text') 
    .text(function(d,i){return d.count}); 
// this is working but is an update so I have to remove the text on exit 

¿hay una manera de volver a la matriz, sg así:

categorized 
.enter() 
.append("g") 
.append("circle") 
.getBackToParent // the g 
.append("text"); 

Answer 1

Basta con asignar la envoltura d3 matriz a una variable:

var g = categorized.enter().append("g"); 
g.append("circle").style("fill", "#ddd"); 
g.append("text").text(function(d,i){return d.count});