title: Getting array length with d3
body: <p>I'm having trouble returning an array length. I have an array as follows:</p>
  
  <pre><code>var colorsquares = [
                  [3.3, 28, -1.5, 13, 857, 3, 5, 6, 7, 5, ["#b2dbbb","#d2e6c1"]],
                  [1.3, 18, -1.5, 13, 857, 3, 5, 6, 7, 5, ["#c2dccc","#d2fdc1"]]
                  ];
  </code></pre>
  
  <p>and I'm using the last values to color divs</p>
  
  <pre><code>d3.select("#colorBox")
            .selectAll("div")
            .data(d[10])
            .enter()
            .append("div")
            .style("background-color", function(d) { 
                 return d; 
             })
             .style("width", function(d) { 
                 return (d.length + 1) + "px"; 
             })
             ;
  </code></pre>
  
  <p>The colors are coming out right but I'm not getting what I want for the width. Instead of 2, I'm getting 8.  </p>