Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

292966ac498d42ab8f380a6f4bd50836

Network Graph

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

This network graph visualizes social connections between friends, with nodes representing individuals and links showing relationships where thicker lines indicate stronger ties. The visualization uses a D3.js force simulation (d3.forceSimulation, d3.forceLink, d3.forceManyBody) to position nodes and manage collisions, while drag interactions allow users to manually reposition nodes. Data is loaded from a local graph.json file, and the SVG rendering includes green arrow markers on links, color-coded nodes, and hover effects that highlight selected connections.

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.