🌍 Public
Viewing a saved revision (read-only)
19d6e00690274184bb4abc85050960ca
SocialNetwork Graph
A social network graph shows friendships among eight people, with arrows indicating the direction of each relationship and labels on nodes identifying each person. The visualization uses a force-directed layout via `d3.forceSimulation`, `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, while `d3.drag` enables interactive movement. Data is loaded from a JSON file, and nodes are rendered as orange circles with SVG text labels; hovering highlights a node by increasing its stroke width. The code defines arrow markers in SVG `defs` and updates link positions on each simulation tick.
AI-generated description