Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Social Network Graph ICE-8

Public visualization

Fork of Social Network Graph ICE-8

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

This interactive social network graph visualizes friendships between individuals. It presents a static force-directed layout where each person is a large orange node, and lines with directional markers connect friends. The size of the node is uniform, while the connection strength, represented by `value`, influences the simulation. The graph uses D3's `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position the nodes. User interaction is enabled through `d3.drag`, allowing nodes to be repositioned. Hovering over a node triggers a CSS class change via `classed`, highlighting it with a gray stroke. The data is loaded from a local `data.json` file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed