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 を初めて使用します。不要な場合は、車輪を再発明したり、新しいレイアウトを最初から作成したりしたくありません。