JavaScript is required

Interactive Line Path Editing

This example shows how to click an existing line and reshape its route with relation-graph's built-in line editing overlay. It also coordinates node selection, canvas clearing, runtime canvas settings, and toast feedback inside a compact editor-style workspace.

Edit on GraphPilot

Editing Existing Line Paths with Built-In Overlay Handles

What This Example Builds

This example builds a compact graph editing workspace for modifying the route of an existing connection. The screen shows a full-height graph canvas, a floating instruction window, green curved links by default, and a dotted background that makes the canvas feel like an editing surface rather than a read-only viewer.

Users can click a line to activate built-in path editing handles, drag selection across th