Ribbons crossed over each other on their way to the outcome column.
Every funnel stage sits alone in its column at the same height, so
ordering a node's ribbon slots by the other end's node height tied,
and the tie-break ordered them against the geometry. Early drop-offs
also left from mid-node, above later stages' drop-offs, and backward
history moves were drawn right to left over everything.
- Count one left-to-right path per application: the funnel stages it
reached, then its current stage if that is an outcome. Ghosted then
Rejected counts only as Rejected; moving back from Offer keeps Offer.
- Lane-based routing: drop-offs travel in lanes below each column's
node, links skipping a stage travel above it; stacks are top-aligned
and the whole block is centered. Every ribbon crossing a gap between
columns shares its x endpoints, and slot/lane orders are kept equal at
both ends of every gap, so ribbons can only cross where they rejoin
the outcome nodes. Drop-off lanes stay level rather than rising.
- Outcomes are ordered by the average stage their ribbons come from,
which keeps those last crossings to a minimum.
- sankeylayouttest now parses the drawn pathData and fails if any two
ribbons overlap (the previous layout overlapped by up to 150px on the
same data); adds forward-path counting and content-centering tests,
replacing the slot-order and per-column-centering tests.
Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
Claude-Session: https://claude.ai/code/session_01BxDf7HqD1xPnsZP8wt3NTk
austinandClaude Opus 5
18dd49aaba