Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization network graph

Public visualization

Viewing a saved revision (read-only)

6be1e09a43eb494f85764dca47e3dda9

Organization network graph

0 stars0🌍 Public
KKolezhannochka
Last edited Feb 10, 2022
Created on Feb 10, 2022
Forked from HTML Starter

This example shows a small organization network graph with three nodes (Alice, Bob, Carol) connected by two directed links, rendered as black circles and lines in an SVG. The graph uses D3’s `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes dynamically, while React manages the page structure and D3 v5 handles the rendering. The visualization updates node and link coordinates on each simulation tick, illustrating a basic force-directed layout for hierarchical relationships.

AI-generated description

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

See also React Starter.