Javascript 如何使用d3js制作左侧和右侧可折叠树？

我想知道如何使用d3js创建一个可折叠的树。我还需要知道如何使用格式为的json数据进行左右方向的扩展：

var treeData = [
{
"name": "Top Level",
"parent": "null",
"children": [
  {
    "name": "Level 2: A",
    "parent": "Top Level",
    "children": [
      {
        "name": "Son of A",
        "parent": "Level 2: A"
      },
      {
        "name": "Daughter of A",
        "parent": "Level 2: A"
      }
    ]
  },
  {
    "name": "Level 2: B",
    "parent": "Top Level"
  }
  ]
},
{
   "name": "Top Level",
   "parent": "null",
   "children": [
    {
       "name": "Level 2: A2",
       "parent": "Top Level",
       "children": [
       {
           "name": "Son of A2",
           "parent": "Level 2: A2"
       },
       {
           "name": "Daughter of A2",
           "parent": "Level 2: A2"
       }
     ]
   },
   {
       "name": "Level 2: B2",
       "parent": "Top Level"
   }
 ]
}
];

其中，treeData[0]扩展到右侧，treeData扩展到左侧，具有单个根节点（即“顶层”）

---

在这方面的任何帮助都将不胜感激。

你所说的“左”和“右”是什么意思？想让树垂直吗？嗨，龙杀手谢谢你的回答，我实际上想表示，根依赖的节点在左边，依赖根的节点在右边。但在mbostock示例中，我只能表示我的任何一个需求，因为我只能在根的一侧显示节点。这可能会有帮助。这看起来不错，但是，有没有其他方法可以通过对mbostock示例进行少量修改来满足我的需求？在中，给出了如何制作垂直树，但我无法将水平树和垂直树组合在一起，请帮助我，这样我可以将其进一步更改为左树和右树。你说的左树和右树是什么意思？想让树垂直吗？嗨，龙杀手谢谢你的回答，我实际上想表示，根依赖的节点在左边，依赖根的节点在右边。但在mbostock示例中，我只能表示我的任何一个需求，因为我只能在根的一侧显示节点。这可能会有帮助。这看起来不错，但是，有没有其他方法可以通过对mbostock示例进行少量修改来满足我的需求？在中，给出了如何制作垂直树，但我无法将水平树和垂直树组合在一起，请帮助我，这样我可以将其进一步更改为左树和右树。