Roman Mahotskyi
Roman Mahotskyi

Reputation: 6685

D3 data binding (two dimensional array)

How to achieve such behaviour by using d3.js .data() binding function?

d3.selectAll('.rects')
  .data([[1,2,3],[a,b,c],[x,y,z])
  .enter()
  .append('rect')
  .attr('x', ([number, character, character]) => { /* 1, a, x */ });

Upvotes: 0

Views: 206

Answers (1)

Coderino Javarino
Coderino Javarino

Reputation: 2896

Have a look at d3.zip

var data = [[1,2,3],['a','b','c'],['x','y','z']]; 
var zippedData = d3.zip.apply(null, data);
console.log(zippedData);
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

Upvotes: 3

Related Questions