Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Network Graph

0 stars1๐ŸŒ Public
UUmarani Vemula
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This example shows a social network graph of ten people connected by friendship links. Each person appears as a labeled circle, with nodes positioned by a force-directed layout and links drawn as lines with arrowheads. Users can drag nodes to rearrange the network. The code uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` to handle physics, and D3's drag behavior for interaction. Data is loaded from a local JSON file containing nodes and links with relationship metadata, and the visualization is rendered as SVG with custom styling.

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.

Comments

Sign in to join the discussion.

MIT Licensed