JavaScript is required

Toys - Clock

This example builds a self-running clock-like radial graph from one center node, sixty generated second nodes, and a separate moving marker node. It is a compact reference for timer-driven playback, checked-state synchronization, and custom node-slot rendering in a viewer-only relation-graph scene.

Edit on GraphPilot

Clock-Style Radial Playback with a Moving Marker Node

What This Example Builds

This example turns a relation graph into a clock-like radial display. A large center node works as the hub, sixty numbered circle nodes form the outer ring, and a separate semi-transparent marker node moves from spoke to spoke every 500 ms.

The viewer does not expose local controls or editing tools. Its main behavior is autoplay: the graph loads itself on mount, centers the canvas, fits the viewport, and then a