Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph ICE-8

Public visualization

Social Network Graph ICE-8

0 stars0🌍 Public
Sshabbab01
Last edited Apr 4, 2022
Created on Apr 4, 2022

A social network graph depicts eight fictional people connected by friend relationships, with edge thickness representing relationship strength and arrowheads indicating direction. The visualization uses SVG rendering with D3.js v6, employing `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes dynamically. Nodes are draggable via `d3.drag`, and hovering triggers a CSS class change that thickens the node border. Data comes from a local `data.json` file containing node identifiers and link metadata, with blue circles and labeled text overlaid on a white background.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed