强制表格布局

Force layout of tables

我正在寻找一些代码的工作示例，这些代码确实实现了带有表格的强制布局。

我从这个开始 fiddle:and I modified addCircle to show a single cell table. This works with static data. JSFiddle

但是当我尝试修改 addcircle 以获取数据作为参数时，它没有按预期工作。

svg.selectAll("g.node")
    .data(nodes)
    .enter()
    .append("g")
    .attr("class", "node")
    .call(addCircles)
    .call(force.drag);

我试图在 addcircle 调用周围添加一个 each，以将选择数据传递给它，但没有成功...

提供的 jsFiddle 代码在 D3.js v3 中。 代码演变为v4.