[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:io-tree-layout-orientation-and-link-routing":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# IO Tree Layout Orientation and Link Routing\n\n## What This Example Builds\n\nThis example builds a read-only IO tree viewer around one root node and a directed set of inbound and outbound branches. The same graph can switch between top-down and left-to-right `io-tree` presets while keeping compact rectangular nodes and orthogonal connectors.\n\nUsers can change the layout direction, toggle whether node size may change during layout, inspect the graph through an embedded mini view, and open the shar",true,500,1782615391888]