用d3.js制作一个“颠倒的”簇状树状图

Question

我想制作一个颠倒的簇状树状图，它既有许多父母，也有父母有时连接到同一个孩子。想象一下锦标赛淘汰赛，以获得我想要做的事情。我一直在试验Mbostock's Dendrogram example，但我的两个父节点相互覆盖。 我有一个简单的test here三个“根”节点。

var testData = { 
    "name":"First", "children": [{"name":"Third", "children":[]}], 
    "name":"Second", "children": [{"name":"Third", "children":[]}], 
    "name":"Fourth", "children": [] 
}; 

像测试数据上面还有未与任何儿童（还）的父母，我仍希望让他们在同一水平上。有没有简单的解决方案来垂直分开父母？我想作的曲线图，如：

First ──┐  
     ├── Third 
Second ─┘ 

Fourth ─ 

Answer 1

反转源树，从最后一个节点作为根（即第三次），然后用镜像变换的结构。 可以找到一个工作示例here。

var testData = {"name":"LAST", 
      "children": [...