Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7028055484444164915b7726fb772074

Open

Network Graph

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

This network graph visualizes a social network of ten individuals, using pink rectangles as nodes and brown, arrowed lines to depict friendships. The graph is rendered as an SVG and uses a force-directed layout via `d3.forceSimulation` with forces for links, charge, collision, and centering. Users can drag nodes, which triggers the simulation to restart. Data is loaded from a local `graph.json` file, and node highlighting occurs on mouseover via CSS class changes.

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.