Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

0919faaf3ba1461ebfec93246ecb3c50

Network Graph

0 stars2🌍 Public
PPulkit Rohilla
Last edited Sep 28, 2019
Created on Sep 28, 2019

A network graph displays 49 nodes organized around five central hubs, with connecting links forming a clustered hierarchy. The visualization uses D3 v5’s `d3.forceSimulation` with charge, link, and collision forces to position nodes, which are rendered dynamically on a Canvas via `getContext('2d')`. Node colors and radii are assigned programmatically, and drag interaction is enabled through D3’s drag behavior. Data comes from a local CSV file, and the underlying simulation and rendering are orchestrated by a custom `relation` class.

AI-generated description

An example showing the capabilities of VizHub.