Importing data from two csv files using d3js

Question

consider this fiddle link FIDDLE. In this example I would like to use a csv file to load data at line no.33-[data.csv] and data at line no.158-[data1.csv]. I want to use two separate csv files. I tried using a csv file for data at line no.33 with this code

 d3.csv("data.csv", function(csvData) {

csvData.forEach(function (d,i) {
    data[i] = {
      first: +d.first, 
      second: +d.second
    } 
});
console.log(data);

I was able to get an output but the charts had moved far away from each other with the following errors : Unexpected value NaN parsing cy attribute. How to load the two datasets in an efficient way using two separate csv files ?

Yes Lars, but the chart is moved downwards i.e. the charts on top is distant from bottom chart by certain empty space,with this error:Unexpected value NaN parsing cy attribute. — user3438326
– user3438326, Commented Apr 3, 2014 at 13:59
Its when I execute in my browser, and how to use a csv file in jsfiddle ? — user3438326
– user3438326, Commented Apr 3, 2014 at 14:09
You can use something like plnkr.co which allows you to have several files. — Lars Kotthoff
– Lars Kotthoff, Commented Apr 3, 2014 at 14:17

FernOfTheAndes · Accepted Answer · 2014-04-04 07:37:35Z

1

Here is hopefully the final plunker in this ever-growing project :) (A lot of the csv work here has been guided by the great Lars...as usual, many kudos to him.)

Updated plunker with data on top chart coming from datam.csv.

edited Apr 4, 2014 at 7:37

answered Apr 3, 2014 at 20:38

FernOfTheAndes

5,0152 gold badges20 silver badges25 bronze badges

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

5 Comments

user3438326 Over a year ago

FernOfTheAndes the data.csv is loading properly whereas the datam.csv is not loading i.e. the chart on the top is taking the values of data.csv itself. I want the chart on top to take datam.csv values.

FernOfTheAndes Over a year ago

@user3438326 Yes, data(datam) was the fix for that. I have updated the response with the revised plunker. See above.

user3438326 Over a year ago

FernOfTheAndes thank you so much. You are Awesome :)

user3438326 Over a year ago

FernOfTheAndes - Consider this plunker plnkr.co/edit/QPpzfkyd7FMdPuA312Aq?p=preview. In this plunker I have added one more file datan.csv, also one more column to data.csv-named third. I want the chart to be plotted according the Enumerated order from data.csv file, in the data.csv file first denotes X-axis, second denotes number of Y units and third denotes the text which should be sorted according to the order of enumerated data. How to do this ?

user3438326 Over a year ago

FernOfTheAndes can you help with this question stackoverflow.com/questions/22861768/… ?

Collectives™ on Stack Overflow

Importing data from two csv files using d3js

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related