Focus Viewport by Node ID
This example builds a large node-only relation-graph canvas and drives viewport navigation from a fixed list of node IDs in a floating panel. It generates 160 nodes in memory, initializes the graph through instance APIs, wraps `focusNodeById(...)` in temporary canvas animation, and reuses shared controls for canvas settings and image export.
Focus the Viewport by Node ID on a Large Node-Only Canvas
What This Example Builds
This example builds a full-height relation-graph viewer that displays 160 disconnected rectangular nodes on a gray canvas and lets the user jump the viewport to a known target by choosing its node ID from a floating control window. The graph does not present business relationships or edge styling. It acts as a locator-style sandbox for moving around a large node field.
Users can pick one of ten preset node