[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:runtime-graph-controls":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Runtime Graph Controls on a Force-Layout People Map\n\n## What This Example Builds\n\nThis example builds a full-screen people relationship graph with a draggable utility window layered above it. The graph uses avatar portraits for nodes, straight labeled links for relationships, and a force layout so the network keeps a dynamic, organic arrangement instead of a fixed tree or grid.\n\nThe user-facing experience is centered on runtime control. The floating window can jump the viewport to specific peo",true,500,1782615421615]