Fork of Organization Graph Diagram
✓ Published0🌍 Public
This fork of an organization graph diagram uses D3 v6 to render three labeled nodes—Alice, Bob, and Carol—as gray circles with a text label at each center, connected by two black lines. The layout emerges from a `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` forces, which updates circle and line positions on each tick. Users can drag any node via D3’s `drag` interaction, which restarts the simulation with higher alpha to reposition the graph interactively. The SVG output displays static node sizes defined in the data file, while labels have pointer events disabled to keep dragging smooth.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed