D3 data binding (two dimensional array)

Question

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 */ });

Answer 1

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>