d3.js生成表示两个svg行路径之间差异的区域填充

我在D3.js平行坐标图中绘制了两个数据集。我想强调两者之间的区别

在我的示例中，这两个数据集共享除经济属性之外的所有值。 蓝色是第一个数据集，红色是第二个数据集

如何生成表示两个svg行路径之间差异的区域填充，在示例中提供了红色和蓝色路径之间的区域

我也愿意考虑其他“设计”因素

---

这不是一个真正的编码问题……这个问题似乎离题了，因为它与编程无关。我认为这在很大程度上是一个编码问题，如何使用d3.js库生成表示两个svg行路径之间差异的区域填充。只有代码才能实现这一点。但是，是的，如果有人有任何额外的“设计”考虑，我也很感兴趣。这不是你的问题所说的（尽管它确实出现在文本中）。如果这是您想问的问题，请编辑，我将收回我的投票。要在两行之间生成一个区域，您只需将它们的

d

属性合并，然后填充即可。否则，您将需要使用区域生成器，这将要求您修改数据（特别是将要显示差异的线的数据放在一起）。