javascript - d3、jsで別のsvgの上にsvgを追加する方法

Question

積み上げ棒グラフを作成するために d3.js を使用しています。このグラフを参照していますhttp://bl.ocks.org/mbostock/3886208

値が等しいバーに異なる色の小さな正方形を追加したいと考えています。たとえば、このグラフでは、25 ～ 44 年と45 ～ 64 年の人口が等しい場合、CA に関連する両方のバーに 10,10(幅、高さ) の正方形を表示したいと考えています。これは私がやっていたことですが、バーには表示されません:

var equalBar = svg.selectAll(".equalBar")
            .data(data)
            .enter().append("g")
            .attr("class", "equalBar")
            .attr("transform", function(d){ return "translate(" + x(d.states) + ",0"; }); 

equalBar.selectAll("rect")
.data(function(d) { return d.ages;} )
.enter().append("rect")
.attr("width", 10)
.attr("y", function(d){
    return y(d.y1);
})
.attr("height", function(d)
      { return 10; })
.style("fill", "green"); 

助けてくれてどうもありがとう。