Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My Organization Graph

Public visualization

My Organization Graph

0 stars1🌍 Public
AAlex Tantos
Last edited Dec 2, 2023
Created on Dec 2, 2023
Forked from HTML Starter

This example demonstrates a basic force-directed network graph with three nodes (Alice, Bob, Carol) connected by two links. Using the d3 library’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` APIs, the simulation applies repulsive and attractive forces while centering the layout. The SVG rendering updates on each ‘tick’ event, positioning circles via `cx` and `cy` attributes and lines via `x1`, `y1`, `x2`, and `y2`, producing a simple interactive organization chart.

AI-generated description

A bare minimum organization graph based on Curran's tutorial.

Comments

Sign in to join the discussion.

MIT Licensed