Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

d379df5c16dd4fe5a1d29e02fc09b2ce

Social Network Graph

0 stars0🌍 Public
BBhavyaMammai
Last edited Jul 15, 2023
Created on Jul 15, 2023
Forked from Hello VizHub

A social network graph represents an undirected friendship network among ten individuals, with nineteen connections of varying strength. The visualization uses a force-directed simulation to position rectangular nodes and draw link lines between them, with arrow markers indicating the direction of each relationship. Built with D3.js, the code leverages `d3.forceSimulation` with link, charge, center, and collision forces to compute node placement. Nodes are rendered as SVG rectangles with labels, and link thickness encodes relationship value, while the simulation supports drag interactions for node repositioning.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.