Tutorials > Intro to D3.js

8. D3.js: Loading External Data

September 11, 2013 | 3 minutes | By Scott Becker

In many cases, you’ll want to load data from an external source. We'll look at D3's request functionality, and show how to load external JSON and CSV data.

 
Watch Preview

 

Resources

Code

data.json

[
  {"date": "2012-07-01", "distance": 1.5},
  {"date": "2012-07-03", "distance": 3.5},
  {"date": "2012-07-05", "distance": 5.0},
  {"date": "2012-07-07", "distance": 4.2},
  {"date": "2012-07-09", "distance": 6.7}
]

To access full notes, download code and videos for offline viewing: