Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

fdbe7ba8b93d4277a70dd36b41a553fe

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