Javascript 嵌套线图的d3js复制

我正在尝试使用d3js重新创建下面的图表

我一直试图回答这个问题，但我缺少了一些与d3js文档相关的基本原理：

d3js实际上是如何画东西的？它实际上在数据集的何处循环

域和范围，好吧，这是我的错，我需要复习作图的基础知识，但我假设d3会处理这个问题，在这个例子中，这到底意味着什么

var w = 25,
h = 200;

var x = d3.scale.linear()
   .domain([0, 1])
   .range([0, w]);

这实际上告诉了d3.scale.linear方法什么

3） 最后，我想在给定的数据上创建一个从1到100（或更高）的图表，Y轴随着数字的增加而增加，X轴随着日期的延长而增加。在一个键值对中，这些数据是如何格式化的

---

4） d3是否只是将所有JS指令像层一样堆叠起来？这是1）的扩展，我真的不明白它是如何呈现任何东西的。关于SVG的一些信息

我建议您看看其中的一些，以便更好地了解正在发生的事情。关于您的具体问题，请参见下文

它从不循环，它通过将数据绑定到（可能不存在的）元素并对更改、新和删除的元素的选择（即子集）进行操作来工作。例如，见

d3.scale.*

方法生成图形比例。也就是说，它们将输入值映射到输出值（图形中的坐标）

d3.scale.linear（）

创建一个线性比例，顾名思义

你可以按你真正想要的方式格式化数据。同样，请看教程中的示例

见1