d3 csv returns object without rows just functions

Question

I am trying to load titanic data into d3. I am writing the following in the chrome console:

    d3.csv("titanic_data.csv");

The data and html file are in the same folder and the server i set up is in that folder too. The function returns this: Output

How do I get the csv function to return the actual data?

Lukasz Wiktor · Accepted Answer · 2016-06-21 11:10:18Z

2

You have 2 options:

(1) provide a callback:

d3.csv("titanic_data.csv", function(error, data) {
    if (error) {
        console.log("something went wrong", error);
    } else {
        console.log("data: ", data);
    }
})

or

(2) invoke get:

d3.csv("titanic_data.csv")
  .get(function(error, data) {
    if (error) {
        console.log("something went wrong", error);
    } else {
        console.log("data: ", data);
    }
})

Why this way? From d3.csv documentation:

d3.csv(url[[, accessor], callback])

Issues an HTTP GET (...) The request is processed asynchronously, such that this method returns immediately after opening the request. When the CSV data is available, the specified callback will be invoked with the parsed rows as the argument.

edited Jun 21, 2016 at 11:10

answered Jun 21, 2016 at 10:57

Lukasz Wiktor

20.5k6 gold badges73 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

d3 csv returns object without rows just functions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related