title: Unexpected chart points in d3.js
body: <p>I'm getting unexpected plot-points in d3.js. I start with:</p>
  
  <pre><code>var lineData = [13, 16, 2];
  </code></pre>
  
  <p>Then massage it into:</p>
  
  <pre><code>[{x: 0, y: 24.375},
  {x: 55, y: 30},
  {x: 110, y: 3.75}]
  </code></pre>
  
  <p>But for some reason, the chart that I'm creating doesn't look like it matches this data at all.  I'm probably missing something simple, but I can't put my finger on it. Any help is appreciated.</p>
  
  <p>Also, I won't be surprised if there are better "d3 ways" to massage the data as I intend to. Bonus points if you can point out how the code could be improved ;)</p>
  
  <p>I've created a JS Fiddle:
  <a href="http://jsfiddle.net/matrym/qbDhq/1/" rel="nofollow">http://jsfiddle.net/matrym/qbDhq/1/</a></p>