Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed