Разборный / иерархический И принудительно ориентированный граф в d3.js

Question

Существует множество примеров принудительно ориентированных графов (т. Е. Узлов и связей) и разборных деревьев (т. Е. Родительско-дочерних узлов), но я не могу найти пример их сочетания, за исключением некоторых одноуровневых кластерных сетей, таких как 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/1093130

Answer 3

Я тоже заинтересован в этом. Я нашел два примера, которые я хотел бы объединить.

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