🌍 Public
Social Network Graph
GGabriel Guimaraẽs de Almeida
Last edited Jun 5, 2023
Created on Jun 5, 2023
This social network graph visualizes friendship connections among eight named individuals, with nodes arranged through a force-directed layout and directed edges indicating relationship direction. Built with D3 v6, the visualization uses `d3.forceSimulation` with link, charge, and collision forces to position overlapping nodes, while each person appears as a red circle with an ID label and arrowed lines marking connections. Interaction includes dragging nodes via `d3.drag` and hover effects that highlight a node with a green stroke. Data comes from a local JSON file containing node groups and repeated link entries, rendered as SVG elements with markers for arrowheads.
AI-generated descriptionMIT Licensed
Comments
Sign in to join the discussion.