🌍 Public
Viewing a saved revision (read-only)
876a921e8db449cab11fe4db852384f0
node-link diagrams vs. adjacency matrix
Wwusushi
Last edited Nov 18, 2020
Created on Nov 18, 2020
This example compares two network visualization techniques: a node-link diagram and an adjacency matrix. The node-link diagram uses a force-directed layout with draggable, zoomable nodes, while the adjacency matrix displays connections as colored cells; clicking on matrix cells highlights the corresponding links and nodes in both views. The code uses D3 v3’s `d3.layout.force`, `d3.behavior.zoom`, and SVG circles and lines, with data loaded from a space-separated dataset file.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.