Как каждый блок обернуть в группу?

Question

[zlodiak]

У меня есть несколько блоков типа rect, выведенные на экран при помощи цикла:

JSFIDDLE

Но я хотел бы, чтобы каждый из этих блоков был обёрнут контейнером g так:

<g>
<rect></rect>
</g>

Вот моя попытка: JSFIDDLE.

Но она неудачная, как поправить код?

Answer 1

[0xD34F]

const data = [
  { title: 'a', value:   0 },
  { title: 'b', value: 100 },
  { title: 'c', value: 200 },
];

d3.select('#svg')
  .selectAll('g')
  .data(data)
  .enter()
  .append('g')
  .append('rect')
  .attr('x', d => d.value)
  .attr('y', d => d.value)
  .attr('width', 50)
  .attr('height', 50)
  .attr('fill', '#F0A');

Comments

[zlodiak]

Да вы просто ас :)