Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Assignment 2_Activity-7 (2)

Public visualization

Assignment 2_Activity-7 (2)

0 stars0๐ŸŒ Public
KKeerthiAnnem
Last edited Jul 22, 2023
Created on Jul 21, 2023

This social network graph visualizes friendships among eight individuals, with nodes representing people and directed links indicating friendship connections. The graph uses a physics-based layout where nodes repel each other while links maintain a fixed distance, creating an organized spatial arrangement. Users can drag nodes to explore the network structure, and hovering over a node highlights it with a green border. Built with D3 v6, the visualization employs `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` to position elements, with arrow markers indicating link direction. Data comes from an external JSON file, rendered as SVG with interactive drag and hover behaviors.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed