javascript - Cubism でルールをアニメーション化する

Question

一部のデータを表示するためにキュービズムを使用しています。マウスをグラフの上に置いたときに表示されるルールをアニメーション化することはできますか?

各ステップのデータが左から右、右から左に自動的に表示されるようにアニメーション化したいと考えています。

d3.timer を使用してみましたが、問題は解決しません。ここに私のコードがあります -

var x=30;
var ruler = d3.select("#viz").append("div")
    .attr("class", "rule")
    .attr("x", x)
    .call(context.rule());

var interval = 1000;

var makeCallback = function() {
    return function() {
        if(x<1116){
            x = x+1;
        }
        else{x=30;}
            ruler.transition().attr("x", x);
            d3.timer(makeCallback(),interval);
            return true;
        }
};
d3.timer(makeCallback(), interval);

通常のsvgを使用すると機能しますが、この場合は機能しません。何か案は？