Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Organization Network Graph

Public visualization

Viewing a saved revision (read-only)

ad5de1149a57443d8ff578de73a2586e

Organization Network Graph

0 stars1🌍 Public
SShanmukh
Last edited Jun 5, 2024
Created on Jun 4, 2024
Forked from HTML Starter

This example visualizes a small organizational network of three people—Alice, Bob, and Carol—as connected nodes in a force-directed graph. The code builds the layout using d3.forceSimulation, applying d3.forceManyBody for repulsion, d3.forceLink for edges, and d3.forceCenter to anchor the arrangement. Nodes are rendered as SVG circles appended to an #container element, with a link array defining the two connections between them. The simulation logs a "tick" event on each iteration, though node positions are not yet updated in the SVG.

AI-generated description

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

See also React Starter.