Добавление вложенных элементов svg с привязкой данных D3js?

Question

Я пытаюсь, usin D3js данных bindins, чтобы добавить прямоугольники как дети преобразованного элемента svg. Мои прямоугольники фактически добавляются, но они добавляются к элементу html (я имею в виду корневой элемент html-документа), а не как дочерние элементы элемента g, который, как я думал, будет их родительским узлом. Как я могу добавить их как дочерние узлы элемента g?

//var svgTranslate = (sgv:g with some transform applied) 

var myclassSelection = svgTranslate.select('rect.myclass'); 
var myclassBinding = myclassSelection.data(data); 
var myclassBindingEnter = myclassBinding.enter(); 

myclassBindingEnter 
.append('rect') 
    .attr('class','myclass') 
    .attr('x', function(d) { return d[0]; }) 
    .attr('y', 0) 
    .attr('width', function(d) { return d[1]; }) 
    .attr('height', 25) 
; 

Answer 1

Как ответил Ларс Kotthoff в комментариях, я должен был и^.selectAll() вместо .select()