使用javascript和d3上傳CSV文件

Question

我是JavaScript和D3的新手，無法弄清楚如何允許用戶上傳CSV文件和使用d3顯示散點圖。 我正在使用標簽允許用戶選擇文件。 但是我不確定下一步應該怎么做。 有沒有辦法讀取csv文件並將其內容存儲在d3數組中，然后使用該數組顯示圖形？

提前致謝

Answer 1

查看d3.csv函數（ https://github.com/mbostock/d3/wiki/CSV ）。 這是一個簡單的例子

//load up the example.csv file
d3.csv('example.csv',
    function(data){
        //this is an object, the contents of which should
        //match your example.csv input file.
        console.log(data);

        // do more stuff with 'data' related to 
        // drawing the scatterplots.
        //
        //-----------------------
    }, 
   function(error, rows) {
       console.log(rows);
   };
);

在線上有許多示例向您展示了如何從數據陣列轉到散點圖...需要修改這些示例以適合您的特定數據格式。