D3树布局：如何在每个级别上将节点居中

Question

我有一个简单的d3树布局。 d3似乎基于最后一行将节点居中。 我希望所有节点都位于每个级别的中心，如下所示：

我知道我可以通过使用nodeSize和分离方法来更改节点的位置：

 tree.size([1500, 500]).separation(function separation(a, b) {
            return a.parent == b.parent ? 1 : 1.5;
        });

是否可以通过某种方式使节点在每个级别上居中，而无需手动重新计算每个节点的x位置？ 这是它现在如何工作的示例：codepen