🤝 Employee Relations Network — 3D
A genuine 3D companion built for the Human Resources Employee Relations simulator: a real force-directed organization graph where morale spreads through relationships via graph-Laplacian diffusion, managers can intervene, and conflicts flare stochastically — all in an orbitable Three.js scene you can rotate and zoom.
The original 2D page for this simulation was an unbuilt template — a static card with no engine behind it. This 3D build supplies the real mechanic its title implies: an organization graph of 3 teams of 6 employees, each team a fully-connected clique, each employee linked to its team lead, and all three leads linked to a central HR hub (22 nodes, dozens of relationship edges). The graph arranges itself every frame with a genuine force-directed layout — inverse-square repulsion between every pair of nodes plus Hooke's-law spring attraction along every edge, integrated with damping, the same spring-electrical model used in real graph-drawing algorithms. On top of the layout, each employee's satisfaction follows a discrete graph-Laplacian diffusion equation (the DeGroot opinion-dynamics model): morale flows toward the average of a person's direct relationships every tick. Manager Intervention adds a pull term toward a healthy target value, simulating a raise or policy fix; Conflict Rate drives a stochastic process that fires on random edges, dropping both endpoints' satisfaction and spiking their stress, visible as a red flare that decays along that relationship. Team Cohesion is a literal physics parameter — it is the spring constant of the layout, so raising it visibly pulls each team into a tighter cluster. The live readout aggregates all 22 nodes into average satisfaction, average stress, a turnover-risk percentage (share of employees below a satisfaction or above a stress threshold) and a productivity index derived from both.
3D · WebGL (Three.js r128) · 60 FPS target · runs fully client-side, no install