血統を表示するために使用される水平 D3 つららチャートを作成しています。これは父/母のみを表示するため、各ノードには 2 つの子 (その親) しか存在せず、これはその特定の行の終わりまで続きます。
私が直面している問題は、一部の行が他の行よりも長く、これが親ノードの値を大きくすることです。この値は、その特定のノードの高さを他のノードよりも大きくします。これが、つららチャートの仕組みです。
血統を設定していませんが、この Observable はズーム可能な Icicle Chart の例を示しています: https://observablehq.com/@john-guerra/zoomable-variable-size-icicle
上記の例の「vis」は、その子 (およびその値) に基づいてより大きな値を持つため、常に「util」よりも大きくなります。私がやりたいのは、各子ノードの高さが等しくなるように設定することです。
これをさらに単純化すると、各子ノードは親ノードの高さの 50% になります。
静的/ハードコーディングされた高さの値を設定したくありません。これは応答性を維持し、さらに世代が表示されると乱雑になるためです。
すべての子には値が必要なので、ゼロに設定することはできず、再帰的な血統では、すべての行を値で均等にする方法がわかりません。
アドバイスや正しい方向への指摘に感謝します。