Próbuję wczytać dane z pliku csv i chcę wizualizować te dane za pomocą wykresu rozproszonego w NVD3.

Chciałbym połączyć się z JSfiddle lub czymś podobnym, ale nie wiem, jak dołączyć plik csv do tych IDE online JavaScript. Czy to jest możliwe?

Plik csv ma ​​następujący format:

   country,y,x
   Algeria,91.8,15.7
   Bahrain,98.2,49.3
   Jordan,99.1,55.0
   Kuwait,98.6,57.4
   Lebanon,98.7,58.6

Najlepiej zgaduję, że kod do odczytu pliku csv to:

var scatterdata = [ 
  {
    key    : "Group1",
    values : []//{x:"",y:""}
  }
];

d3.csv("literacyScatterCountrynames.csv", function (error, csv) {
  if (error) return console.log("there was an error loading the csv: " + error);
  console.log("there are " + csv.length + " elements in my csv set");

scatterdata[0].values["x"] = csv.map(function(d){return [+d["x"] ]; });
scatterdata[0].values["y"] = csv.map(function(d){return [+d["y"] ]; });

Widzę moje dane w DOM i wygląda to dobrze, ale wykres nie jest pokazywany i zamiast tego mówi „Brak danych”. pogrubionymi literami, gdzie powinien być wykres.

Ani tutaj, w StockOverflow, ani w dokumentacji NVD3 na Github, ani w pomocnej witrynie na wykresach NVD3 cmaurer na GitHub nie znajdę więcej informacji na temat tego, jak to zrobić.