d3 reads only first property of csv
<p><strong>Desired result</strong></p>

<p>The test.csv needs to be fully accessed for data reading. </p>

<p><strong>Current State</strong></p>

<p>I have moved some of the values around within the file for different test cases. It appears that the first entry of each row, regardless of type, is the only one that can be returned. At no point have I got any console errors.  </p>

<p><strong>The CSV</strong></p>

<pre><code>started, numb, eggs, waffles, name, cost
False, 34, "over easy", True, elle, 22
True, 24, "scrambled", False, belle, 22
False, 10, "fortunate", False, jake, 20
</code></pre>

<p>Using the line 3 <code>console.log(data)</code> reveals that the objects have been successfully loaded with the appropriate key/values.</p>

<pre><code>[1]Object
" cost": " 22"
" eggs": " "scrambled""
" name": " belle"
" waffles": " False"
numb: "24"
</code></pre>

<p>(d3 added quotes around everything, looks like JSON. Have they been cast as string, or are quotes just delimiters?)</p>

<p><strong>d3.js</strong></p>

<pre><code>d3.csv("test.csv", function(data) {

    console.log(data);

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

    canv.selectAll("rect")
        .data(data)
        .enter()
            .append("rect")
            .attr("height", 15)
            .attr("width", function(d) { return d.numb})
            .attr("y", function(d, i) {return 50 + i * 20})
            .attr("fill", "orange")

    canv.selectAll("text")
        .data(data)
        .enter()
            .append("text")
            .attr("y", function(d, i) {return 50 + i * 20})
            .text( function(d) {return d.started;})
    });
</code></pre>

<p>In this case, the <code>started</code> property prints on screen but the rectangles have width 0. </p>

<p>When <code>numb</code> is the first entry for each row, the rects have appropriate widths, but no other attributes print. </p>

<p><strong>What is the error?</strong></p>