This example shows a force-layout people relationship graph controlled from a floating utility window. It demonstrates how external UI can call relation-graph instance APIs to focus nodes, animate movement, mutate node state, add followers at runtime, switch canvas behavior, and export the graph as an image.

Runtime Graph Controls on a Force-Layout People Map

What This Example Builds

This 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.

The user-facing experience is centered on runtime control. The floating window can jump the viewport to specific peo