title: Unable to display line chart for this JSON structure using D3.js?
body: <p>I am trying to build a line chart using a JSON data. The graph of the total price over time. Using the historical prices provided in the stock.json, need to compute the historical amount per date. I have tried but I am not able to do it for this JSON format in particular.</p>
  
  <p>Below is the json format </p>
  
  <pre><code>{
  "historical": {
      "KALE": {
          "_id": "KALE",
          "point": [
              { "date": "2015-06-24T00:00:00.000Z", "price": 1043.55 },
              { "date": "2015-06-25T00:00:00.000Z", "price": 1014.75 },
              { "date": "2015-06-26T00:00:00.000Z", "price": 1019.85 },
              { "date": "2015-06-29T00:00:00.000Z", "price": 999.05 },
              { "date": "2015-06-30T00:00:00.000Z", "price": 999.5 }
                   ]
      },
  
      "BRGR": {
          "_id": "BRGR",
          "point": [
              { "date": "2015-06-24T00:00:00.000Z", "price": 193.47 },
              { "date": "2015-06-25T00:00:00.000Z", "price": 194.06 },
              { "date": "2015-06-26T00:00:00.000Z", "price": 195.06 },
              { "date": "2015-06-29T00:00:00.000Z", "price": 192.92 },
              { "date": "2015-06-30T00:00:00.000Z", "price": 194.76 }
                   ]
      }
    }
  }
  </code></pre>
  
  <p>Here is the <a href="https://plnkr.co/edit/2PIYDhcf5EEIih5SBEvd?p=preview" rel="nofollow noreferrer">plnkr</a> for d3 code</p>