Javascript 如何在d3.js中转换路径

我如何转换（比如，制作动画）一条路径以提供一些视觉效果。它可以从左到右创建线/路径。我试过类似的东西

我用叉子叉了麦克的，又加了一句

现在它给出了路径错误，但是我在更新gist和bl.ocks时遇到了一些困难。但我记得它在工作（但没有动画）

---

我怎样才能得到一张动画图表？

我想没有人比迈克·博斯托克自己更能描述它了：

您可以使用本教程中示例的变体来制作不同类型的动画。虽然他的示例非常适合于转换路径以响应添加的新数据，但您也可以轻松地使用类似的技术来响应现有数据的更改，或者仅仅是添加一个新的系列

---

如果你能明确说明你想要做什么样的动画，我也许能提供更多细节来达到这个目的。

我认为没有人比迈克·博斯托克自己更能描述它：

您可以使用本教程中示例的变体来制作不同类型的动画。虽然他的示例非常适合于转换路径以响应添加的新数据，但您也可以轻松地使用类似的技术来响应现有数据的更改，或者仅仅是添加一个新的系列

---

如果你能明确说明你想要做什么样的动画，我可能会提供更多细节来实现这一目标。

我很想看到一些例子，说明如何转换/动画一条长度不断增长和收缩的路径，以及添加一个

标记端。我所做的所有尝试最终都没有制作任何动画。我发现这个css技巧使用虚线，并将虚线中的间隙转换为0。不过我自己还没试过。我希望看到一些示例，说明如何转换/设置路径的动画，使路径的长度增加和减少，以及添加
标记端。我所做的所有尝试最终都没有制作任何动画。我发现这个css技巧使用虚线，并将虚线中的间隙转换为0。不过我自己还没试过。
svg.append("path")
      .datum([])
      .attr("class", "line")
      .attr("d", line);

  var t = svg.transition().duration(700);
  t.select('.line').attr('d', line(data));