[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:node-drag-collision-drop-rules":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Collision-Aware Node Dragging and Drop Rules\n\n## What This Example Builds\n\nThis 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.\n\nUsers can drag nodes, watch target nodes switch between green, red, and purple feedback, change each targ",true,500,1782615409698]