JavaScript is required

Line Endpoint Editing

A compact relation-graph editor that lets users click an existing edge and drag its start or end handle to a different node. The demo keeps line-text and path editing disabled, adds toast feedback around the vertex-move lifecycle, and exposes canvas settings plus image export from a floating helper window.

Edit on GraphPilot

Retarget Existing Line Endpoints

What This Example Builds

This example builds a small editor-style graph where users can select an existing line and drag its visible start or end handle to a different node. The graph fills the viewport, uses a dotted work-surface background, and keeps a floating helper window above the canvas. The main point is narrow on purpose: it demonstrates endpoint reconnection without exposing line-text editing or path editing.

How the Data Is Organized

The gr