JavaScript is required

Layout Rotation Controls

This example shows how to rotate a mounted relation-graph layout at runtime while switching the same dataset between the built-in center and tree layouts. A floating tool window provides angle controls, layout switching, canvas behavior settings, and image export so the graph can be studied as a small layout-tuning workspace.

Edit on GraphPilot

Rotate Built-in Layouts with Live Angle Offsets

What This Example Builds

This example builds a full-viewport relation graph workspace for studying how one fixed dataset reflows when the layout angle changes at runtime. The main view shows a small labeled graph with circular nodes, path-mounted edge labels, and a floating control window above the canvas.

Users can rotate the current layout with a slider or step buttons, switch the same graph between the built-in center and tree layout