Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

0a33b6bd8c644e6eb0b53ec3d382eaa6

Social Network Graph

0 stars0🌍 Public
SSharankumar02
Last edited Jul 20, 2023
Created on Jul 17, 2023
Forked from Hello VizHub

This social network graph visualizes relationships between eight people, with varying link thickness indicating stronger connections (value 1 vs. 5) and arrowheads marking directed edges. The SVG rendering uses d3.forceSimulation with link, charge, collision, and center forces to position nodes, which users can drag interactively. Node highlighting via the `.nodeHover` CSS class occurs on mouseover. The code loads D3 v6 from UNPKG and reads relational data from a local `data.json` file, demonstrating ES6 module imports alongside the main visualization logic.

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.