javascript - 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();