Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

d8e035b9d2e44638a37c5074322d14fc

Social Network Graph

0 stars0🌍 Public
AAniv Chakravarty
Last edited Apr 6, 2023
Created on Apr 6, 2023

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 description