d3.js get JSON from url

Question

The situation is that i am trying to get d3 to read a JSON file which is stored in Windows Azure Blob storage. If i paste the url into a browser then the file is downloaded

Answer 1

For REST api use d3.request:

d3.request("api_url/path")
.header("Content-Type", "application/json")
.post(function(data) {
   console.log(data);
})

Answer 2

Should be:

var url = "http://storageName.blob.core.windows.net/containerName/file.json";
d3.json(url, function (json) {
    //code here
});

Answer 3

you'll have to set the Content-Type http header to "application/json" on your blob.

It can be done programmatically or using the rest API, or using a free utility like cloudberry explorer for azure blob storage.

Answer 4

Relevant for 2019:

d3.json("http://127.0.0.1:8080/mydata.json").then( data => {
    console.log(data);
})