本地文件中的D3.js可视化效果

Question

我有一个可以正常工作的代码，可以加载一条记录，但是我不确定如何扩展它。我最接近的方法是根据bl.ocks代码片段中的逻辑从csv中提取1个记录列名称。

如何修改下面的函数以提取整个数据集而不是仅一个记录？

通过修改bl.ocks代码中的代码，以下是我已经实现的目标。但是我仍然无法在循环第二个函数以获取每一行时遇到麻烦。在R中，我可以执行以下操作：rowtoHTML（0：length（data））

      var rowToHtml = function( row ) {
         var result = "";
     for (key in row) {
       result += key + ": " + row[key] + "<br/>"
     }
     return result;
   }

   var previewCsvUrl = function( csvUrl ) {
     d3.csv( csvUrl, function( rows ) {
       d3.select("div#preview").html(
         "<b>First row:</b><br/>" + rowToHtml( rows[0] ));
     })
   }

  d3.select("body")
   .append("div")
     .attr("id", "preview")
     .style("margin", "5px")

previewCsvUrl("Test.csv")

此问题曾被问过。我已经尝试通过阅读类似的问题来进行尽职调查，但是由于我的技术限制或Javascript缺乏经验，因此无法使用推荐的解决方案。我使用的示例代码来自此bl.ocks代码的修剪版本：http://bl.ocks.org/hlvoorhees/9d58e173825aed1e0218

编辑-我知道在本地托管文件是正确的选择，但对我来说这不是一个选择（因此采用这种方法）。建议将Python用于本地托管，但目前无法在计算机上安装Python。我正在使用Edge和IE作为我的两个浏览器选项。我非常感谢您的帮助！