Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Graph Diagram

Public visualization

Viewing a saved revision (read-only)

36fe1abca67b49ce9f6897b3cae3f0d7

Organization Graph Diagram

0 stars0🌍 Public
Bbillysclin
Last edited Mar 25, 2022
Created on Mar 25, 2022
Forked from HTML Starter

This visualization shows a network of organizations connected by color-coded links, with nodes sized by hierarchy: main organizations appear largest, child nodes are smaller, and unnamed leaf nodes are the smallest. The code uses `d3.forceSimulation` with `forceManyBody` and `forceLink` to compute positions, while SVG circles, lines, and text render the graph. Links are manually defined in `data.js`, pulling colors from `colors.js`, and users can drag nodes with d3’s `drag` interaction to dynamically reposition the layout.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.