Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

714bf65b934e4639a3d1feabb53064d5

Network Graph

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

This network graph visualizes a social network of ten individuals and their friendship connections. The code uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position nodes dynamically. Nodes are rendered as SVG circles with text labels, while links appear as blue lines with arrow markers. The simulation updates node and link positions on each tick, and users can drag nodes to reposition them. The data comes from a local graph.json file containing explicit node and link definitions.

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.