d3.jsのグラフの直線を曲線にしたい

cola.jsを使用してサンプルプログラムのようなグラフレイアウトを作っています。
このリンクの直線を曲線に変更することはできますか？d3.jsのこちらの例のように
曲線にしてみたいのですが、どの部分で曲線か直線かを指定しているのかよくわかりません。

現在は以下のようにリンクの座標を定義しています。

link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });

これを上記の例にならって、以下のように定義しても、リンクが消えてしまい、
表示されません。どうしたら良いのでしょうか？

link.attr("d", function(d) {
    var dx = d.target.x - d.source.x,
        dy = d.target.y - d.source.y,
        dr = Math.sqrt(dx * dx + dy * dy);
    return "M" + 
        d.source.x + "," + 
        d.source.y + "A" + 
        dr + "," + dr + " 0 0,1 " + 
        d.target.x + "," + 
        d.target.y;
});

よろしくお願い致します。