Continuous Auto-Layout Animation

Screensaver Displays: Animated data visualizations
Monitoring Dashboards: Live network activity
Artistic Visualizations: Generative graph art
Data Exploration: Discovering patterns through motion
Interactive Backgrounds: Dynamic ambient visuals

Functional Overview

This example demonstrates a force-directed layout that runs continuously, creating an ever-evolving visualization where nodes are always in motion.

Configure the layout to run indefinitely:

const myLayout = new MyForceLayout({
    maxLayoutTimes: Number.MAX_SAFE_INFINITY
}, graphInstance.getOptions(), graphInstance);

Enable continuous layout updates:

graphInstance.setLayoutor(myLayout, true, true);
graphInstance.startAutoLayout();

Properly clean up when unmounting:

useEffect(() => {
    return () => {
        graphInstance.stopAutoLayout();
    };
}, []);