Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-2.7.2

Public visualization

Viewing a saved revision (read-only)

156d0981dace4c02b633a15f0b0340a5

Activity-2.7.2

0 stars0🌍 Public
Ppjdhungana@gmail.com
Last edited Jul 21, 2023
Created on Jul 19, 2023
Forked from Hello VizHub

This example displays a social network graph with nine nodes and eight links, representing people and their connections. Nodes are rendered as blue-outlined pink stars rather than circles, with labels showing each person's name. The graph uses d3.forceSimulation with link, charge, collision, and center forces to position the elements inside an SVG. Node dragging is handled through d3.drag, and arrowheads are defined using SVG markers. Data comes from a local graph.json file, with the visualization employing a categorical color scale from d3.

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.