Cargando múltiples files CSV en Javascript

Estoy un poco confundido Necesito cargar varios files CSV usando JavaScript y necesito cambiar algunas properties de cada uno de los sets de datos cargados. Así que, básicamente, estoy usando este marco llamado d3 y quiero cargar 3 files csv y luego, para cada uno de los files csv, necesito cambiar el color de las líneas trazadas para un gráfico de coorderadas paralelas. Actualmente estoy usando tres cargas de datos, pero esto arruina mi ttwig y tengo todos los valores.

// load csv file and create the chart d3.csv('X.csv', function(data) { pc = d3.parallelCoordinates()("parallelcoordinates") .data(data) .color(color) .alpha(0.4) .render() .brushable() // enable brushing .interactive() // command line mode var explore_count = 0; var exploring = {}; var explore_start = false; pc.svg .selectAll(".dimension") .style("cursor", "pointer") .on("click", function(d) { exploring[d] = d in exploring ? false : true; event.preventDefault(); if (exploring[d]) d3.timer(explore(d,explore_count,pc)); }); 

Estoy haciendo lo anterior tres veces. Ahora lo que sucede es que todos los datos se trazan en el mismo gráfico, pero luego los valores se superponen (Básicamente sus tres charts uno encima del otro). Quiero integrarlo todo y creo que la mejor manera de hacerlo es cargar el file JS inteligentemente y manipularlo de alguna manera. No sé cómo sin embargo. ¿Alguien me diría cómo podría lograr esto?

Este hilo será útil: https://groups.google.com/forum/#!msg/d3-js/3Y9VHkOOdCM/YnmOPopWUxQJ

La mejor solución (IMO) del enlace es esta:

  var rows1, rows2, remaining = 2; d3.csv("file1.csv", function(csv) { rows1 = csv; if (!--remaining) doSomething(); }); d3.csv("file2.csv", function(csv) { rows2 = csv; if (!--remaining) doSomething(); }); function doSomething() { // … do something with rows1 and rows2 here … } 

Puede usar una queue d3 para cargar los files simultáneamente. Un ejemplo;

 d3.queue() .defer(d3.csv, "file1.json") .defer(d3.csv, "file2.json") .defer(d3.csv, "file3.json") .await(function(error, file1, file2, file3) { if (error) { console.error('Oh dear, something went wrong: ' + error); } else { doSomeStuff(file1, file2, file3); } });