This example shows a network visualization rendered on an HTML canvas using D3’s force simulation. The code builds a force-directed graph with nodes and links, applying forces for charge, centering, and collision via `d3.forceSimulation`, `d3.forceManyBody`, `d3.forceCenter`, and `d3.forceCollide`. It draws circles and lines directly onto the canvas, updating positions each tick. The visualization uses random-generated data and relies on D3 v6’s `d3.scaleOrdinal` for node coloring and `d3-canvas` for rendering.