Class Members and Interest Group Relations
This example builds a school activity relationship board inside `RGSlotOnCanvas` instead of rendering ordinary graph nodes. It connects group cards, member cards, and map pins through `RGConnectTarget` ids, then regenerates fake lines from the current selection while a shared floating panel controls canvas behavior and image export.
Bidirectional Interest Group Exploration With Canvas-Slot DOM Anchors
What This Example Builds
This example builds a school activity relationship board instead of a conventional node-link diagram. A semi-transparent school map, clickable location pins, a left column of interest groups, and a right column of class members are all rendered inside one relation-graph canvas.
Users can click a group card or its map pin to highlight matching members and draw a thicker animated line back to the