JavaScript is required

Line Endpoint Gap Control

This example demonstrates live control of the gap between line endpoints and node borders by rewriting each rendered line's `junctionOffset`. It compares the effect across a centered straight-link cluster and a left-to-right curved tree while reusing a floating workbench for canvas settings and image export.

Edit on GraphPilot

Live Line Endpoint Gap Control Across Two Layouts

What This Example Builds

This example builds a full-screen comparison board for line endpoint spacing. One disconnected subgraph is rendered as a centered circular cluster with straight border-to-border links, and the other is rendered as a left-to-right tree with curved labeled links. A floating panel explains the behavior, exposes a range slider, and gives access to inherited canvas utilities.

The main result is not the sample data itsel