layout - 具有非叶节点自定义值的 d3 层次结构布局

Question

d3 将层次结构定义为一棵树，叶子节点有值，非叶子节点有子节点。非叶节点的值自动计算为其子节点值的总和（参见此处）。

我的需求略有不同。我想定义一棵树，非叶节点也有一个值。前提是非叶子节点的值总是大于或等于其子节点的值之和。

{
  "name": "parent",
  "value": 10, <-- I want to use this value, not 4+2 = 6
  "children": [
    {
      "name": "child1",
      "value": 2,
    },
    {
      "name": "child2",
      "value": 4,
    }

  ]
}

从图形上看，我想实现一种冰柱树，但子节点并不总是填满其父节点的所有宽度。

实现这种行为的最佳解决方案是什么？我是 d3 的新手，如果不需要，我不想重新发明轮子或从头开始创建新布局。