title: d3js multipoint line displayed as a closed shape
body: <p>I'm trying to generate a line passing through multiple points. </p>
  
  <pre><code>var line = d3.svg.line()
      .x(function(d){return d[0];})
      .y(function(d){return d[1];})
      .interpolate("basis");
  
  var data = [[10,20],[200,100],[80,120], [40, 80]];
  
  svg.append("path")
      .attr("stroke", "black")
      .attr("stroke-width",1)
      .attr("d", line(data));
  </code></pre>
  
  <p>Line(outline) is drawn correctly, but instead of a curved line, a closed shape is displayed.</p>
  
  <p>Complete code is at <a href="http://jsbin.com/inehon/2" rel="nofollow">http://jsbin.com/inehon/2</a></p>
  
  <p>What am i doing wrong here?</p>