javascript - d3.js 上的双面树

Question

我正在尝试使用 D3 实现思维导图。我目前的任务是制作一棵双面树。

我 以此为例。但是这个是用写的d3.v3，我用的是 v5.

整个布局在这个块中计算：

// Compute the new tree layout.
var nodesLeft = tree
  .size([h, (w / 2) - 20])
  .children(function(d) {
    return (d.depth === 0) ? d.left : d.children;
  })
  .nodes(root)
  .reverse();
var nodesRight = tree
  .size([h, w / 2])
  .children(function(d) {
    return (d.depth === 0) ? d.right : d.children;
  })
  .nodes(root)
  .reverse();
root.children = root.left.concat(root.root._children = null;
    var nodes = toArray(root);

但我不知道如何使用 v5 来实现这一点。

有人可以帮我吗？

标签： javascriptd3.js