Node Drag Collision and Drop Rules
This example shows a compact drag-rule workspace where node overlap is interpreted as an allowed drop, a rejected drop, or a protected collision. It combines fixed-layout graph data, drag lifecycle callbacks, inline node policy toggles, and release-time line creation to demonstrate collision-aware authoring without a full editor shell.
Collision-Aware Node Dragging and Drop Rules
What This Example Builds
This example builds a compact relationship workspace where dragging one node across another becomes a rule-driven authoring gesture. The screen starts as a fixed-position graph with mixed rectangular and circular nodes on a dotted canvas, plus a floating help window and a fixed legend that explains the drag states.
Users can drag nodes, watch target nodes switch between green, red, and purple feedback, change each targ