Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Network Graph

Public visualization

Viewing a saved revision (read-only)

db4092753b2d41219dea27da22768d80

Organization Network Graph

0 stars0🌍 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