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)

5b0fbb8cd2db44efb5f997d16685a3e7

Open

Network Graph

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

This example shows a social network graph of people connected by friendship links. It uses D3 v6’s `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` to position nodes, with drag and hover interactions. The SVG rendering reads node and link data from a local `graph.json` file, styling each person as a large light-green circle with a red label and blue directed edges that include arrow markers.

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.