How to load two external files in d3.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

// Create a new queue
var q = d3.queue();

// Load the first file (data1.csv) using d3.csv()
q.defer(d3.csv, "data1.csv");

// Load the second file (data2.json) using d3.json()
q.defer(d3.json, "data2.json");

// When all files are loaded, process the data
q.await(function(error, data1, data2) {
  if (error) {
    // Handle any errors
    console.error(error);
  } else {
    // Process the data here
    console.log("Data from data1.csv", data1);
    console.log("Data from data2.json", data2);
  }
});