Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork for the Social Network

Public visualization

Viewing a saved revision (read-only)

85448bd758474f31bcd3597715a2a070

Fork for the Social Network

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

This force-directed network diagram visualizes a small social graph of six people and five weighted connections between them. Using data from a JSON file, circular nodes represent individuals, while lines with varying thickness encode relationship strength through the square root of each link's weight. The visualization is built with D3.js v4, employing the legacy `d3.layout.force` layout to position nodes and handle drag interactions. Node labels appear beside each circle, and the SVG renderer updates positions on every tick event, with CSS styling for link colors and node fills.

AI-generated description