This example loads a people relationship graph, derives searchable endpoint options from the live relation-graph instance, and lets users query the shortest connection between two selected nodes. It then maps the result back onto the rendered canvas by dimming unrelated nodes and lines while thickening the active route inside a draggable utility window.

Shortest Path Query on a Live Relationship Graph

What This Example Builds

This example builds a relationship-path explorer on top of an already rendered people graph. Users see a force-directed canvas of avatar nodes and labeled relationship lines, plus a floating white query window where they can choose a start person and an end person.

Once both endpoints are selected, the example computes the shortest connection path from the live relation-graph instance and applies the result back