This example demonstrates a force-directed graph layout rendered in real time. It uses the D3.js force simulation API (`d3.forceSimulation`) to position nodes and edges, with the React framework managing the interactive UI. The graph displays a dynamic network of interconnected nodes, where each node’s movement and collision behavior is computed via physics-based rules. The data source is synthetic, generated in-code to populate the initial node and link structure. The visualization updates continuously, showing the emergent clustering and separation of nodes as the simulation converges.