🌍 Public
Social Network Graph
This social network graph visualizes friend connections among ten individuals, with each node labeled by name and connected through lines that include directional arrows. The visualization uses D3.js’s `forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes and links dynamically. Nodes are rendered as blue SVG circles with purple borders, and hovering over a node highlights its border in red. The graph is built from JSON data defining person-to-person relationships and uses `d3.json` to load the data, with the simulation updating SVG attributes on each tick.
AI-generated descriptionMIT Licensed
Comments
Sign in to join the discussion.