Is it possible to load csv data to nvd3 library?

Question

I\'m new on nvd3 after testing the D3js the last week. I\'d like to load data from .csv file with nvd3, that I did on D3 but I\'m not able to do it with nvd

Answer 1

You can use all the methods for loading data available in D3 also with nvd3. This example uses the d3.json function to load data. You can simply replace that with d3.csv and add your processing of the data.

Answer 2

Finally I got the error on my code. The examples from NVD3.js load the v2 file from D3.js. When we use the 2.x versions from D3 we've to load external data with the next code:

d3.csv("weather.csv", function(data) {
    data.forEach(function(d) {
        d.date = parseDate(d.Hour);
        d.T = +d.T;
    })
});

After v3 update, this thing changed and appears the error argument, and insinde the .csv function we can control the error case.

d3.csv("weather.csv", function(error, data) {
    data.forEach(function(d) {
        d.date = parseDate(d.Hour);
        d.T = +d.T;
    });
});

Here you can see this changes explained by Mike Bostock, the creator of D3.js

Answer 3

I've looked into a few nvd3 charts at work.

Basically I convert my CSV into a JSON structure so it could be passed into the structure required by the nvd3 libraries.

I may be wrong, but you could always tinker around the code as you need it, to fit your purpose.