Skip to main content
100%

Optimal Order of Adjacency Matrix Visualization

✓ Published0🌍 Public
Yyptang5488
Last edited Nov 25, 2020
Created on Nov 25, 2020
Forked from HTML Starter

This visualization presents a network as an adjacency matrix, where rows and columns represent nodes and colored cells indicate connections between them. The matrix can be reordered by selecting an option—Name, Group, or leafOrder—to reveal different structural patterns in the data. The visualization uses D3.js (v6) with SVG rendering and animation, leveraging the `reorder` library's optimal leaf ordering algorithm with Manhattan distance to compute an improved node sequence. The underlying dataset is loaded from a TSV file containing network edges, and node groups are derived from link counts.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes