Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

node-link diagrams vs. adjacency matrix

Public visualization

Viewing a saved revision (read-only)

2a253a068baa452cb8252f248030f1e2

node-link diagrams vs. adjacency matrix

0 stars1🌍 Public
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 description

A bare minimum HTML page.

See also React Starter.