Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

1768b6fc5a524c2bb165244173e57cea

Network Graph

0 stars0🌍 Public
VVenkat-Sumith-Thota
Last edited Jul 9, 2023
Created on Jul 9, 2023
Forked from Hello VizHub

This network graph displays a social network of ten people connected by friendship links. The visualization uses a force-directed layout via `d3.forceSimulation` with link distance, charge, collision, and centering forces. Nodes are rendered as green circles with labels in an SVG, and links appear as blue lines with arrow markers. Each node is draggable, and hovering highlights the circle. Data comes from `graph.json`, loaded with `d3.json`. The code imports specific functions like `select`, `scaleOrdinal`, and `selectAll` from D3 v6.

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.