tree-layout

To generate collision-free genealogy tree charts, apply a multi-pass pipeline that measures node box heights and horizontal footprints, then places boxes using placeholder-safe recursion. This approach emits curved SVG path connectors while keeping every box non-overlapping and preventing lines from crossing boxes.

Pedigree chart branches overlap and clip when placeholder nodes are not filtered out of recursive spacing and placement passes. Applying a consistent measurement-then-placement pipeline with footprint-based spacing ensures outline width is reserved without inflating subtrees or creating phantom generation rows.

Dynamic box heights for genealogy tree nodes are calculated by measuring wrapped names and optional birth/death lines per person. This computation guarantees that fixed placeholder heights never leak into real nodes during the chart layout passes.

You can build hourglass and descendant tree views alongside standard pedigree charts. The layout pipeline supports all three views by applying collapse pruning, footprint rules, and connector routing uniformly across selected-person outlines and collapsed branches.

The best way to route SVG connectors for tree layouts is to emit curved Q-bezier elbow paths with dashed placeholder conventions. This routing method stays mathematically valid even under collinear endpoint conditions and prevents connector lines from crossing node boxes.

The tree layout pipeline handles collapsed branches without phantom generation rows by skipping placeholder nodes in key recursive functions. It reserves outline room via horizontal footprint rules, ensuring collapsed sections are represented accurately without inflating the chart geometry.