illustration

Copyright© Schmied Enterprises LLC, 2025.

This browser-based application simulates the dynamic evolution of a network graph using WebGL technology to render 100 nodes arranged in a circular formation. Utilizing the Three.js library for high-performance graphics and Chart.js for real-time data visualization, the interface presents a split-screen layout that pairs the immersive 3D visualization with an interactive control dashboard. The nodes visually react to their connectivity levels, changing size and color—transitioning from white to green—as they accumulate more links, providing immediate visual feedback on the network's density and emerging "hub" structures.

The simulation operates on a heartbeat of discrete time steps called "epochs," during which specific probabilistic rules govern the life cycle of connections. In every cycle, the system applies a 1% chance for any two unconnected nodes to spontaneously form a link, and a 2% chance for existing edges to propagate new connections to random targets, mimicking viral growth patterns. To prevent the network from becoming a static, fully connected mesh, a decay mechanism is implemented where every edge has a finite lifespan; by default, connections automatically sever after 80 epochs, introducing a natural churn that keeps the ecosystem dynamic.

Users can directly influence the simulation's behavior through a set of responsive sliders located in the sidebar, allowing for real-time adjustment of growth probabilities, edge lifespan, and simulation speed. This interactivity enables observers to experiment with different parameters to see how quickly the network saturates or collapses. As the simulation runs, the integrated line chart tracks the total number of active connections, visualizing the struggle between the growth algorithms and the decay factor as the system seeks a state of equilibrium.