d3 js为路径转换示例添加点

Question

刚开始使用D3。

我试图在y值大于.2的情况下向路径转换示例添加点，并将它们转换到路径上，使它们看起来保持在相对于路径的相同位置。它只是一个测试，最终适用于我自己的数据，但我真的不明白我怎么能做到这一点。 到目前为止，这是我与jsfiddle的链接。任何指针都会很棒。

http://jsfiddle.net/yn7XY/

想到我可以在更新中执行以下操作，谢谢

points = svg.selectAll("circle") .data([data])                       
.enter().append("circle")
.attr("opacity", function(d) {
if (d > .2) {
    return .9;}
else {
    return 0;
});
.style("fill", "DarkRed")
.attr("cx", function(d, i) { return x(i);})
.attr("cy", function(d) {return y(d);})
.attr("r", function(d) {return 4;})
.transition()
.duration(500)
.ease("linear")
.attr("transform", "translate("+ x(0) + ")")
.each("end", tick);

points.exit().remove();