JavaScript is required

Industrial Chain Card-Anchored Mixed Layout

A viewer-oriented relation-graph demo that combines a fixed outer graph with a custom mixed-layout pipeline for an industrial value chain dashboard. Ordinary canvas-slot card rows become graph anchors through `RGConnectTarget` and `addFakeLines(...)`, while per-group tree layouters and dependency refs keep attached subtrees synchronized during expand, collapse, and depth-based bulk expansion.

Edit on GraphPilot

Card-Anchored Mixed Layout for an Industrial Value Chain Dashboard

What This Example Builds

This example builds a viewer-oriented industrial value chain dashboard where three large stage cards sit inside the graph canvas and each card row anchors a separate relation-graph tree. Users see an upstream, midstream, and downstream board in the background, orthogonal bridge connectors that attach those rows to hidden graph roots, and multiple tree clusters arranged around the cards rather than