🌍 Public
Viewing a saved revision (read-only)
8e7797515e524623b4d6d2d7f81d849f
Fork of Org Chart
This example shows a fork of an org chart rendered as a simple force-directed graph of eight circles (labeled A–H) in an SVG container. Initially all nodes start at the center, then `d3.forceSimulation` applies a center force, a positive charge force (`d3.forceManyBody`), and a collision force (`d3.forceCollide`) to separate the circles and distribute them around the 450×450 area. The code uses D3 v7 to append circles, update their positions on each tick, and relies on the simulation’s internal alpha decay to halt movement. Data is hardcoded as dummy objects, and only the "sol" div is active.
AI-generated description