[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:center-and-tree-layout-composition":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Compose Center and Tree Layouts on One Fixed Canvas\n\n## What This Example Builds\n\nThis example builds a read-only `relation-graph` viewer that places two disconnected subnetworks inside one canvas. One subgraph is drawn as a center-focused cluster, and the other is drawn as a left-to-right tree positioned to the right of that cluster.\n\nUsers see two clearly different visual regions in the same viewport: circular semi-transparent nodes with straight links on the left, and wider rectangular node",true,500,1782615389016]