Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

5edbd646f0854d5e9ad353dba0eea7ff

Fork of Hello VizHub

0 stars1🌍 Public
Hhelen azad
Last edited Mar 10, 2024
Created on Mar 8, 2024
Forked from Hello VizHub

This example demonstrates a force-directed network graph of a university and its academic departments, visualized as a star topology with a central node connected to five satellite nodes. Built with D3 version 7, it uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to simulate node movement. The SVG rendering shows nodes as red and blue circles, with labels and links updated on each simulation tick. Node and link positions are computed dynamically, producing an interactive and animated layout.

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.