Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

100f875b09c44b22a895ae6d1d15e4e1

Force Directed Graph

0 stars1🌍 Public
WWei-Che Chang
Last edited Nov 4, 2020
Created on Oct 27, 2020

A force-directed graph visualizes dependencies between Canadian military equipment and infrastructure programs, with nodes colored by capability group and size representing connection count. Draggable nodes and zoomable panning allow exploration of the network. The code uses `d3.forceSimulation`, `d3.forceLink`, and `d3.zoom` on SVG elements, loading edge data from a CSV file and clustering nodes by degree into categorical groups.

AI-generated description