使用D3表示樹布局

Question

我正在嘗試使用D3創建樹形布局。 我想修改標准的d3樹布局以表示如下的樹布局。 在我的布局中，某些子節點可以收斂為一個節點。 這是該布局和標准樹布局之間的唯一區別。

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

在上面的布局中，B節點有3個子節點（D，E，F），每個都有一個子節點（G，H，L），並且這3個子節點再次收斂為一個節點（J）。

我也可以使用D3以外的JavaScript庫。

Answer 1

正確的方法是使用d3.layout.force而不是d3.layout.tree。

但是，如果您需要樹形布局解決方案，則可能需要查看http://bl.ocks.org/robschmuecker/6afc2ecb05b191359862

Answer 2

我有一個很長的答案，但就算有人在這里實際搜索此問題。 D3-達格