JavaScript is required

Partial Node Drag Handles

This example loads a fixed-layout graph, disables whole-node dragging, and restores movement only from slotted subregions marked with `rg-node-drag-handler`. It mixes header-strip and move-button handle variants through node metadata, while a shared floating helper panel exposes wheel mode, canvas drag mode, and image export.

Edit on GraphPilot

Restricting Fixed-Layout Node Movement to Explicit Drag Handles

What This Example Builds

This example builds a full-height relation-graph workspace where node movement is intentionally restricted. The user sees a small fixed-position graph on a dotted canvas, amber handle regions inside selected nodes, a right-side toolbar, and a floating helper window above the graph.

Users can reposition only certain nodes, and only from the specific handle region rendered inside each node. Some nodes