JavaScript is required

Orthogonal Line Label Controls

A compact relation-graph demo for tuning detached text labels on orthogonal tree links. It rotates the same tree through four directions, batch-updates live lines for placement and anchoring, and exposes offset, bend-distance, and corner-radius controls to compare readability.

Edit on GraphPilot

Orthogonal Line Label Controls

What This Example Builds

This example builds a compact tree-layout sandbox for detached text labels on orthogonal connectors. The canvas shows a fixed sample tree with plain black node labels and blue line labels, while a floating utility window lets the user rotate the tree, change where line text sits, switch text anchoring, and tune label offsets and bend geometry. The main result is a side-by-side mental comparison of label readability as the same relatio