D3.js - 沿着路径的变速点的动画点

Question

我有三个点阵列，它们定义了三条路径，需要沿着每条路径移动一个不同的点，并且可以选择改变速度。这三个数组包含在另一个数组中，因此结构基本上如下所示：

DataByDays = [ [(array of x1's), (array of y1's)], [(array of x2's), (array of y2's)], [(array of x3's), (array of y3's)]

我已经绘制了路径并且有一个类似的数组，例如：

PathArray = [path1, path2, path3]

目前，我已创建了每个跟踪器：

trackers = svg.selectAll("circle").data(dataByDays)
        .enter()
        .append("circle")
        .attr("cx", function(d){return d[0][0];}) //x coord @ start of path 
        .attr("cy", function(d){return d[0][1];}) //y coord @ start of path
        .attr("r", 5)
        .attr("fill", "black");

我试图让各种解决方案适应类似的问题但没有任何效果。我想首先让跟踪器沿着路径移动，但也需要结合使用我已经创建的滑块来改变跟踪器移动速度的能力。