d3中的连续过渡

Question

因此，我有一个程序可以根据用户选择将点从某个坐标移动到另一个坐标。它的作用是将点从起点过渡到终点。但我想使其连续运行。我要点一直保持从开始到结束，直到全部清除。我有以下代码。

function main(){

var selected = getSelectedItem();

console.log(selected);
if (selected == "1"){

    clearCanvas();
    // create a dot and move
    var dot = createCircle(70, 350, 10, "black");
    createLine(70, 350, 500, 80, "red");
    startCanvas();
    dot.transition()
        .duration(3000)
        .attr("cx", 500)
        .attr("cy", 80);
    }
}