D3.js：継続的にトランジションを実行しますか？

Question

D3.jsで継続的にトランジションを実行できますか？

たとえば、bodyの色を赤から青に変更して、もう一度元に戻したいとします（これは恐ろしいことですが、それに伴います）。

これは、私は一度それを行うだろうかです：

d3.select("body").transition().duration(1000).style("background-color", "red"); 

私は継続的にそれを行うだろうか？

私が見た最も近い例はd3.timerですが、これを行うより良い方法があるかどうかはわかりません。

Answer 1

transition.each()と「終了」イベントを使用できます。コードは次のようになります。

function myTrans() { 
    d3.select("body").transition().duration(1000).style("background-color", "red") 
     .each("end", function() { 
     d3.select(this).transition().duration(1000).style("background-color", "blue") 
      .each("end", function() { myTrans(); }); 
     }); 
} 

Answer 2

あなたはD3の移行にこのブログの記事（2部）をチェックアウトする場合があります - http://blog.safaribooksonline.com/2013/07/11/reusable-d3-js-using-attrtween-transitions-and-mv/

私はD3で動作するように始めているが、これは参考になりました。

あなたは（ラースの回答に基づいて）.eachの代わりに.on使用する必要がD3バージョン4の場合

Answer 3

：

function myTrans() { 
    d3.select("body").transition().duration(1000).style("background-color", "red") 
     .on("end", function() { 
     d3.select(this).transition().duration(1000).style("background-color", "blue") 
      .on("end", function() { myTrans(); }); 
     }); 
}