d3.js中的可折叠/分层和力导向图

Question

有许多力导向图(即节点和链接)和可折叠树(即父子节点)的例子,但我找不到这些组合的例子 - 除了像这样的一些1级集群网络 - http: //static.cybercommons.org/js/d3/examples/force/force-cluster.html.

也就是说,我需要一个完整的节点层次结构(具有任意数量的级别),以及层次结构中各个节点之间的链接.

有没有人有这样的例子？

如果是这样的话,我最终希望看到层次结构是可折叠的,并且当它们崩溃时,来自子节点的任何链接都被"提升"到父节点.

干杯,蒂姆

这类似于我期望的jsonData看起来像......

{
"nodes": [
    {
        "name": "Parent 1",
        "children": [
            {
                "name": "Child 1",
            },
    },
    {
        "name": "Parent 2",
        "children": [
            {
                "name": "Child 2",
            },
.
.
.
"links": [
    {
        source: "Child 1",
        target: "Child 2"
    },
.
.

Answer 1

我尝试在这里我合并这两个例子小提琴

// Toggle children on click.
function click(d) {
if (d.children) {
    d._children = d.children;
    d.children = null;
} else {
    d.children = d._children;
    d._children = null;
}
update();
}

Answer 2

我对此也很感兴趣。我找到了两个例子，我想将它们结合起来。

http://bl.ocks.org/mbostock/1062288 http://graus.nu/d3/