🌍 Public
Viewing a saved revision (read-only)
7337ee9e59274256b8ba04e294a2fc88
Organziation Graph Diagram with Colors
This example uses a force-directed graph to visualize an organization’s network of interconnected groups and programs. Nodes are color-coded by their parent organization, with larger main nodes, medium child nodes, and small leaf nodes representing a hierarchical structure. Links connect parent to child and also main nodes to each other. The layout is computed using `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter`, while `drag` interactions let users adjust node positions. Node positions are rendered as SVG circles and text, with lines for links.
AI-generated description