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)

6b3d900068a54ed7877549b6fa40b535

Open

Network Graph

0 stars0🌍 Public
Aaniteshterala2000
Last edited Jul 12, 2023
Created on Jul 12, 2023
Forked from Hello VizHub

A social network graph visualizes friendships among ten people using a force-directed layout. Nodes are rendered as labeled circles, with links drawn as directed lines and arrow markers. The visualization loads data from a local JSON file and uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide` to position the elements. Users can drag nodes to rearrange the network, and hovering highlights them. The SVG output is styled with custom CSS.

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.