Javascript D3.js-沿路径设置点动画，速度可变

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

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");

---

我尝试了多种解决类似问题的方法，但都没有奏效。我想从让跟踪器沿着路径移动开始，但还需要结合使用我已经创建的滑块更改跟踪器移动速度的功能。

在开始后修改过渡很棘手，通过一系列过渡（例如，对于可以调整过渡速度的每个中间点），您可能会感觉更好。有关相关问题，请参阅。