Canonical Nested Selection E.g.

http://stackoverflow.com/questions/21740000/displaying-data-from-multidimensional-array-in-d3-js

by Nivaldo

JavaScript

var dataset = [[1,3,3,5,6,7],[3,5,8,3,2,6],[9,0,6,3,6,3],[3,4,4,5,6,8],[3,4,5,2,1,8]];

var svg = d3.select("body")
    .append("svg")
    .attr("width", 500)
    .attr("height", 500);


svg.append("g")
    .selectAll("g")                 
    .data(dataset)
    .enter()
    .append("g") //removing
    .selectAll("text") // these
    .data( function(d,i,j) { console.log("d: " + d + " i: " + i + " j: " + j); return d; } ) //lines
    .enter() //text displays normally
    .append("text")
    .text( function(d,i,j) { console.log("d: " + d + " i: " + i + " j: " + j); return d; } )
    .attr("x", function(d,i,j) { console.log("d: " + d + " i: " + i + " j: " + j); return (i * 20) + 40; })
    .attr("y", function(d,i,j) { console.log("d: " + d + " i: " + i + " j: " + j); return (j * 20) + 40; })
    .attr("font-family", "sans-serif")
    .attr("font-size", "20px");