Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Social Network Graph

0 stars0🌍 Public
SSwapna1915
Last edited Jul 20, 2023
Created on Jul 20, 2023

This social network graph visualizes friendships among eight people, with nodes representing individuals and arrows indicating directed connections. The graph uses a force-directed layout via `d3.forceSimulation` with link, charge, collision, and center forces to position nodes dynamically. Rendering as SVG, the code assigns green circles, labels each node, and decorates links with arrow markers. Hovering over a node highlights it via CSS class changes, and users can drag nodes to rearrange the network, with link thickness reflecting a numeric value from the JSON data source.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed