將.data文件導入D3js？

Question

因此，我承擔了導入一些數據以進行可視化的任務。 具體來說：

http://archive.ics.uci.edu/ml/machine-learning-databases/auto-mpg/auto-mpg.data

但是，我對如何導入.data文件一無所知。 此外，沒有標題行可以實際組織文件。

我試圖導入為文本，並使用csv.parseRows（）導致長度為1的數組僅包含一個長字符串：

我試圖導入為d3.tsv（）。 每種技術最終都將一行作為一個長字符串導入，如下所示。

    "18.0   8   307.0      130.0      3504.      12.0   70  1   "chevrolet chevelle malibu""

我從來沒有處理過.data文件，而且在D3上使用它們的資源很稀缺。 與往常一樣，在處理此問題方面的任何幫助將不勝感激。 你們真棒。

謝謝。

Answer 1

您可以使用正則表達式來解析字符串：

/("[^"]+"|[^\s]+)\s*/g

使用此正則表達式，您可以

18.0   8   307.0      130.0      3504.      12.0   70  1    "chevrolet chevelle malibu"

進入

[
  "18.0",
  "8",
  "307.0",
  "130.0",
  "3504.",
  "12.0",
  "70",
  "1",
  "\"chevrolet chevelle malibu\""
]

您可以通過每行換行分割數據文件的內容，然后將每行映射到正則表達式來對每一行執行此操作：

d3.text("http://archive.ics.uci.edu/ml/machine-learning-databases/auto-mpg/auto-mpg.data", function(data) {
    var lines = data.split('\n');
    var results = data.map(function (d) {
      var match = d.match(regex);
      return match.slice(1).map(function (d) { return d.trim(); });
    });
});

這是快速的小提琴，將其顯示在一行上： http : //jsfiddle.net/tftdepL4/1/