Organization Tree Folder Layout
This example renders a left-to-right organizational hierarchy with relation-graph's folder layout and custom company-card nodes. It preprocesses nested tree data into RGJsonData, then lets users tune connector offset and folder spacing at runtime while keeping canvas settings and image export in a shared floating utility window.
Organization Tree in Folder Layout
What This Example Builds
This example builds a left-to-right organizational hierarchy viewer with relation-graph’s folder layout. Instead of plain text rows, each node is rendered as a company card with a colored side bar, tag chips, and a truncated location line.
Users can tune the presentation while the graph is running. The floating helper window exposes one slider for connector start offset, two sliders for horizontal and vertical folder spacing,