Character Relationship Graph Operations
This example loads a mocked character relationship network into a force-directed relation-graph scene and renders each person as an avatar circle with labels below. Clicking a node opens a radial action menu for renaming, copying, adding children, creating links, and opening a fixed detail card for live node property edits.
Character Relationship Graph with Node-Centered Operations
What This Example Builds
This example builds a force-directed character relationship graph that behaves like a lightweight editing workspace rather than a read-only network view. The canvas starts with a prepared cast-style relationship dataset, renders each person as a circular avatar node, and overlays a node-centered radial menu plus a fixed side editor for the selected node.
Users can click a node to open contextual actions,