Question

我的目标是使用d3.js创建一个简单的多折线图，本质上类似于以下内容：

我发现了几个很棒的示例，这些示例演示了如何将所有数据都存储在单个CSV中。这些示例之一就是这个示例：

尽管如此，我对用例的要求还是有些模糊。我的项目根目录中有一个名为“ data”的目录，并且在此文件夹中有任意数量的csvs。所以我的项目文件夹是这样的：

project_root/
    index.html
    data/
        csv1.csv
        abc2.csv
        meow.csv
            .
            .
            .
        woof.csv

每个csv都有我想在图表上绘制的一条线的数据。每个csv还具有以下列：

str(representing a datetime)    int    float    int    string    float

我最想制作图表的列是前两列，其中：

因此，从csv的单行中获取前两列会给我们从单行开始的单个（x，y）坐标，以通过d3.js进行绘制。单个csv可以让我们通过d3.js绘制单个线的所有（X，Y）坐标。

我已经设法使用python和matplotlib来（随意地）执行此操作，但是由于我对此很陌生，因此无法将其直接转换为d3。如果有帮助或有人好奇，这是我的python实现：

如果任何人都可以提供一些见识或简短（有希望的）摘要来完成d3.js中的图表任务，那么对于一个可爱的html文档而言。