Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

b74f30748ce94348a6ba615ef06d0c19

Activity 6

0 stars0🌍 Public
Aanushapodapati99@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This visualization shows the interconnected activity of students and staff in a university setting through colored nodes and labeled links. The force-directed layout uses `d3.forceSimulation` to arrange nodes by their relationships, while `d3.geoPath` renders the curved link paths between individuals and departments. The display groups people by their role (student or staff) and affiliation, with node size and color encoding degree of activity. The rendering relies on D3’s `transition.attrTween` for smooth link animations. Data is loaded from the bundled `v3` source file, which contains the relational network attributes.

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.