Складной/иерархический и силовой ориентированный граф в d3.js

Существует множество примеров графиков с силовым ориентированием (то есть узлов и ссылок) и сбрасываемых деревьев (т.е. родитель-дочерние узлы), но я не могу найти пример их комбинации - кроме некоторых кластерных сетей с 1 уровнем, подобных этому - http://static.cybercommons.org/js/d3/examples/force/force-cluster.html.

enter image description here

Мне нужна полная иерархия узлов (с любым количеством уровней) со ссылками между различными узлами по иерархии.

У кого-нибудь есть пример этого?

И если это так, мне в конечном итоге хотелось бы, чтобы иерархии были разборчивыми, а любая из ссылок с дочерних элементов была "приподнята" до родителя, когда она была свернута.

Cheers, Тим

Это похоже на то, что я ожидаю, что jsonData будет выглядеть...

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

ОТВЕТЫ

Ответ 1

Я пытаюсь объединить оба примера здесь: fiddle

// 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();
}