Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network

Public visualization

Social Network

0 stars0🌍 Public
Ppavankalyan1507
Last edited Apr 3, 2022
Created on Apr 3, 2022

This social network visualization displays family relationships using a force-directed graph, with orange links connecting labeled nodes that represent individuals such as “husband,” “wife,” and “daughter’s son.” The code loads family data from a JSON file and uses `d3.layout.force` with gravity, charge, and distance parameters to position the nodes. Node circles are styled with a blue fill, and link thickness reflects each relationship’s weight. Text labels are placed beside each circle using SVG groups, and node dragging is enabled via `force.drag`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed