Fork of Organization Graph Diagram
This example visualizes a branching network of organization connections using a force-directed graph. Green and red circles represent main nodes, each connected to smaller leaf nodes and linked by grey lines, with node sizes and distances varying to suggest hierarchy. The visualization uses d3.forceSimulation, d3.forceManyBody, d3.forceLink, and d3.forceCenter to compute the layout, rendering nodes and links as SVG circles, lines, and labels. Data is generated from a nested JavaScript object describing connected rooms, which is recursively parsed into node and link arrays. The graph supports drag interactions via d3.drag, zooming via d3.zoom, and click events that alert a VK profile URL.