Character Relationship Graph Filters
This example builds a read-only people-relationship viewer with avatar nodes, relation labels, and an external toolbar for gender, alignment, and relation-type filtering. It loads one mocked async dataset into relation-graph, then uses updateNode(...) and updateLine(...) to dim unmatched items so the full network stays visible as context.
Filter a Character Relationship Graph While Preserving Context
What This Example Builds
This example builds a read-only people-relationship viewer with a force-directed canvas, portrait-style nodes, labeled relation lines, a full-width filter bar, and a floating helper window. The graph fills the page height, keeps the full cast visible, and presents relationships such as teacher-student, relative, collusion, and report directly on the link paths.
Users can narrow the view by gen