Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Graph Diagram

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed