JavaScript is required

Automatic Layout Preset Switching

This example shows how to load one branching graph once and automatically rotate it through the built-in center, tree, circle, and force layouts. A floating helper window provides play-stop control, shared canvas settings, and image export so the page works as a compact layout-comparison workspace.

Edit on GraphPilot

Automatically Rotate One Graph Across Four Built-in Layouts

What This Example Builds

This example builds a full-height relation-graph canvas that turns one fixed branching dataset into a layout comparison screen. The same nodes and lines are shown as center, left-to-right tree, circle, and force layouts while a small floating window stays above the canvas.

Users can pause or resume the automatic rotation, drag or minimize the helper window, open the shared canvas settings overlay