Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Network Graph

Public visualization

Viewing a saved revision (read-only)

d9490d9855e6463ea6a5b7da95bb8df5

Organization Network Graph

0 stars1🌍 Public
OOleg Zhernovoy
Last edited Dec 18, 2022
Created on Dec 18, 2022
Forked from D3 Starter

This example shows an organization network graph with a central "Arts Web" node connected to two child nodes, one of which branches into six anonymous sub-nodes. The visualization uses a force-directed layout driven by d3.forceSimulation, with forceManyBody for repulsion, forceLink for edge constraints, and forceCenter to anchor the simulation. Nodes are rendered as gray SVG circles sized by hierarchy level, with labels and connecting lines updated on each simulation tick. The data is defined in a separate JavaScript module, and the entire scene is drawn using SVG within a fixed 960x500 container.

AI-generated description