Skip to main content
100%

Organization Network Graph

✓ Published0🌍 Public
Mmalipieroproject
Last edited Feb 11, 2023
Created on Feb 7, 2023
Forked from HTML Starter

This example displays a force-directed network graph of an organization centered on a main node, with three primary categories branching into numerous unnamed leaf nodes. The visualization uses D3.js v7 with the `forceSimulation` API, applying `forceManyBody`, `forceLink`, and `forceCenter` to position nodes based on simulated physics. The SVG rendered output draws colored circles, connecting lines, and text labels, with drag interaction allowing users to manually reposition nodes. The data is generated programmatically with distinct color palettes for each hierarchy level, and the final layout emerges organically from the balance of attractive and repulsive forces.

AI-generated description
MIT Licensed

Similar vizzes