title: d3.js csv import... only accessing first column of data (not sure why)
body: <p>here is the raw data from my CSV file:
  <code>
  COL1, COL2
  a, 10 
  b, 20
  c, 30
  d, 40
  </code></p>
  
  <p>When I run the javascript D3 code below, it outputs this:
  <code>
  a, undefined
  b, undefined
  c, undefined
  d, undefined
  </code></p>
  
  <p>I tried a bunch of variations.  It always seems to easily understand the idea of the first column, but never understands the second column.</p>
  
  <p>I saw some stackoverflow items relating to parseRows, etc.  But this should be a simple fix without having to resort to a completely different way of writing the code, correct?  I feel like I am close on the syntax, but I'm not sure what the slight adjustment needs to be to get it to print both values in each row.</p>
  
  <p>I'm simply trying to get D3 to load in the file, and print each line as it's own HTML paragraph (other than the header text COL1, COL2).</p>
  
  <p>Thank you.</p>
  
  <pre><code>   &lt;script type="text/javascript"&gt;
  
          d3.csv("csv_file1.csv", 
                 function(data) {
                      d3.select("body")
                        .selectAll("p")
                        .data(data)
                        .enter()
                        .append("p")
                        .text(function(d) { return d.COL1 + ", " + d.COL2;})
                  });
  
      &lt;/script&gt;
  </code></pre>