如何在现有D3图表的数据点上绘制线条

Question

我正在制作一张如下图所示的D3图表：

公平警告：我对D3很新。我现在需要做的是用z线连接z轴上的所有数据点。因此，对于所有年龄段，我想要一条从z = 0开始并在z = 4处结束的线，它穿过所有球体，其中z代表资本类型。最终目标是建立一个类似于表面积图的图表。我已经看过如何在D3上绘制线条，但我不断得到非常通用的东西：

//Make an SVG Container
var svgContainer = d3.select("body").append("svg")
.attr("width", 200)
.attr("height", 200);

//Draw the line
var circle = svgContainer.append("line")
.attr("x1", 5)
.attr("y1", 5)
.attr("x2", 50)
.attr("y2", 50);

我需要的是循环遍历所有数据点并在它们之间绘制线条的方法。这是我声明我的数据点变量的方式（var datapoints表示单独的垂直线，var newDataPoints表示每个变量顶部的蓝色球体：

var datapoints = scene.selectAll(".datapoint").data( rows );
datapoints.exit().remove()

var newDatapoints = datapoints.enter()
.append("transform")
.attr("class", "datapoint")
.attr("scale", [sphereRadius, sphereRadius, sphereRadius])
.append("shape");
newDatapoints
.append("appearance")
.append("material");
newDatapoints
.append("sphere")`

提前感谢您的帮助！