Представление дерева с использованием D3

Question

Я пытаюсь использовать D3 для создания макета дерева. Я хочу изменить стандартный макет дерева d3, чтобы представить структуру дерева, как показано ниже. В моем макете некоторые дочерние узлы могут быть сведены в один узел. Это единственное различие между этим макетом и стандартным деревом.

 A 
/ \ 
    B  C 
/\ \ 
D E F 
| | | 
G H L 
\ // 
    J 
    | 
    K 

В приведенном выше узла макета B имеет 3 детей (D, Е, F), и каждый из них имеет один дочерний узел (G, H, L), и эти 3 детей снова сходятся в один узел (J).

Я могу использовать библиотеку javascript, отличную от D3.

Answer 1

Правильный способ - использовать d3.layout.force вместо d3.layout.tree.

Однако, если вы хотите, решение макет дерева, вы можете проверить http://bl.ocks.org/robschmuecker/6afc2ecb05b191359862

Answer 2

У меня был большой длинный ответ, но только если кто-нибудь на самом деле ищет здесь этот вопрос. D3-Dagre