title: How can I make a stepline or stepped chart in chart.js or D3?
body: <p>I'm able to accomplish this in Google Spreadsheets, below is a screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/QvPtw.png" alt="Google Spreadsheet Screenshot"></p>
  
  <p>Here's the small dataset in CSV</p>
  
  <pre><code>Buy PPU,Sell PPU,Net PPU
  0.023,0.019,-0.000725
  0.026,0.0165,-0.003725
  0.021,0.021,0.00735
  0.015,0.0165,0.0147
  0.021,0.028,0.0168
  0.018,0.028,0.0198
  </code></pre>
  
  <ul>
  <li>jsFiddle with basic configuration: <a href="http://jsfiddle.net/kaatula/j3FJf/1/" rel="noreferrer">http://jsfiddle.net/kaatula/j3FJf/1/</a></li>
  <li>Chart.js documentation: <a href="http://www.chartjs.org/docs/" rel="noreferrer">http://www.chartjs.org/docs/</a></li>
  <li>D3 documentation: <a href="http://strongriley.github.io/d3/api/" rel="noreferrer">http://strongriley.github.io/d3/api/</a></li>
  </ul>
  
  <p>Any help is appreciated. I'm not seeing an example in either library of this specific kind of chart (called I believe "Stepped" or "Step line"), but I believe they are flexible enough to accomplish this?</p>
  
  <p>Thank you</p>