用d3.js动画记录表行

Question

我想重新排序表的数据并平滑地为表的行交换设置动画。

代码可在http://jsfiddle.net/HCLe5/1/找到

var table = d3.select("body").select("table#d3table");
var tHead = table.append("thead");
tHead.append("tr");
tHead.selectAll("th").data(thead).enter().append("th").text(function(d) {return d.id});
var tBody = table.append("tbody");
var tr = tBody.selectAll("tr").data(tbody).enter().append("tr");
tr.selectAll("td")
    .data(function(d){return d.row})
    .enter()
        .append("td")
        .text(function(d){return d.value + d.id})

// Some magick row position manipulation