title: d3: Multi-Series Line Chart with associative array
body: <p>I am trying to create a d3 multi-series chart with an array of arrays, rather than an object. But I am facing issues and not sure how to make it work.</p>
  
  <p>Basically the default data is in this format:-</p>
  
  <pre><code>var data = [
      {date:"1-May-12","New York":"58.13", "San Francisco":"58.13", "Austin": "43"},
      {date:"30-Apr-12","New York":"53.98" , "San Francisco":"48.13", "Austin": "53"},
      {date:"27-Apr-12","New York":"67.00", "San Francisco":"38.13", "Austin": "63"},
      {date:"26-Apr-12","New York":"89.70", "San Francisco":"28.13", "Austin": "73"},
      {date:"25-Apr-12","New York":"99.00", "San Francisco":"18.13", "Austin": "83"}
  ];
  </code></pre>
  
  <p>I want to use:-</p>
  
  <pre><code>var data = [
    ["date", "New York", "San Francisco", "Austin"],
    ["1-May-12", "43.98", "48.13", "43"],
    ["30-Apr-12", "53.98", "88.13", "53"],
    ["27-Apr-12", "63", "68", "63"],
    ["26-Apr-12", "73", "58", "73"],
    ["25-Apr-12", "83", "48", "83"]
  ]
  </code></pre>
  
  <p>Please see plunker - <a href="http://plnkr.co/edit/E0H45we6GKtXZcHMhbay?p=preview" rel="nofollow">http://plnkr.co/edit/E0H45we6GKtXZcHMhbay?p=preview</a></p>
  
  <p>Appreciate any help.</p>