Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network Graph

Public visualization

Viewing a saved revision (read-only)

ab847d4e7b674c3c8a8acf6a26d1fecc

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.