d3.js-Importing local json file using d3.json does not work

mb21 2018-04-23 15:34:34

If you're running in a browser, you cannot load local files.

But it's fairly easy to run a dev server, on the commandline, simply cd into the directory with your files, then:

python -m SimpleHTTPServer

(or python -m http.server using python 3)

Now in your browser, go to localhost:3000 (or :8000 or whatever is shown on the commandline).

The following used to work in older versions of d3:

var json = {"my": "json"};
d3.json(json, function(json) {
    root = json;
    root.x0 = h / 2;
    root.y0 = 0;
});

Ismail Moghul 2014-10-10 23:13:50

Can you please explain your code a bit... how would I go from this d3.json(filename, function(error, data) {...} (Should I submit a separate question?)

James Conkling 2015-09-18 01:31:58

I would say outright that this answer's code is wrong, except for the 13 upvotes. d3.json takes a url as its first argument, not a json object. Ditto jQuery's $.get method. If the json is already defined in the file, there's no need to issue an ajax request via d3.json or $.get; simply reference the variable directly. Or am I missing something here that would explain the 13 upvotes?

mb21 2015-09-18 09:58:58

@JamesConkling a variable isn't the same thing as a file. but yes, you can put the first line in my example in its own javascript file and that works as well.

James Conkling 2015-09-18 18:50:16

@mb21 yeah, that's my point, if the json is defined in the script file, why use d3.json? If the json is not defined in the script file, then use d3.json and load the script via a server. Mixing the two approaches (defining the json in the script file and using d3.json makes no sense at all).

James Conkling 2015-09-20 18:29:19

@mb21, yes, in which case d3.json() takes a string representing the path to the file. In no case should d3.json() take a JSON object (or anything other than a string) as its first argument. see here.

Importing local json file using d3.json does not work

热门github