title: d3.js referencing a single array column
body: <p>I have an array of generated values to plot a line function. However, when I call the array, the function only returns single values of the array, rather than the column, and hence draws a straight line (<a href="http://tributary.io/inlet/8822590" rel="nofollow">http://tributary.io/inlet/8822590</a>). What is the correct syntax here? Thanks in advance.</p>
  
  <pre><code>// Create data
  
      var v1 = 4.137,
       t = 10,
       x = [],
       y = [];
   for (i = 0.1; i &lt; 190; i += 0.1) {
       x.push(i);
       y.push((Math.pow((v1 / i), 1 / t) - 1) * 100);
   }
   var data = [x, y];
   // Scale data
   var xscale = d3.scale.linear()
       .domain(d3.extent(data, function (d) {
           return d[0];
       }))
   var yscale = d3.scale.linear()
       .domain(d3.extent(data, function (d) {
           return d[1];
       }))
   var line = d3.svg.line()
       .x(function (d) {
           return xscale(d[0])
       })
       .y(function (d) {
           return yscale(d[1])
       });
   var svg = d3.select("svg");
   var path = svg.append("path")
       .data([data])
       .attr("d", line) //this calls the line function with this element's data
   .style("fill", "none")
       .style("stroke", "#000000")
       .attr("transform", "translate(" + [96, 94] + ")")
  </code></pre>