Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Graph Diagram

Public visualization

Viewing a saved revision (read-only)

f1decd2dc7af459a9dc78c74aaed67ad

Organization Graph Diagram

0 stars2🌍 Public
CCurran Kelleher
Last edited Nov 14, 2020
Created on Nov 14, 2020

This example visualizes a small organization hierarchy as a force-directed graph. The data defines a main node, one child node with 20 leaf nodes, and a second child node. Using D3's `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` APIs, the nodes repel and connect via links, settling into a spatial layout. Three node sizes—50, 20, and 5 pixels—distinguish hierarchy levels, while SVG circles, lines, and text labels render the structure. The simulation's tick event updates node positions and link endpoints continuously, creating an animated network diagram.

AI-generated description