Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Force Chart

Public visualization

Organization Force Chart

0 stars0🌍 Public
KKai Stewart
Last edited Jan 25, 2022
Created on Jan 25, 2022

An interactive force-directed network represents an organizational structure, grouping member organizations under four main entities. The visualization uses color-coded clusters to distinguish each parent group and its children, with small blank nodes creating visual spacing. Nodes and links are rendered as SVG circles and lines, positioned by a d3.forceSimulation with forceManyBody, forceLink, and forceCenter. The code uses d3.drag to let users move nodes, and the simulation updates positions on each tick. The data is defined in a JavaScript module with the organization hierarchy.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed