Skip to main content
100%

A8 Adjacency Matrix Representation

✓ Published1🌍 Public
NNoah C.
Last edited Mar 26, 2024
Created on Mar 26, 2024

This visualization presents a square adjacency matrix representing connections within the SOC Hi-Tech network. Each row and column corresponds to a firm or technology node, and a blue-filled cell indicates a directed link from the source node to the target node. Hovering over a filled square triggers a tooltip displaying the specific source and target pair. The implementation uses D3.js v7 to load the CSV data and dynamically generate SVG `<rect>` elements for each matrix cell, with axes labeled by node IDs. The layout scales the cell size based on available window dimensions, and the color encoding uses a simple binary blue/white scheme to show edge presence.

AI-generated description

Adjacency matrix visualization of firm-hi-tech from soc made with D3. Implementation partly from D3 Graph Gallery.

Hover over a square to see its target and source node.

MIT Licensed

Similar vizzes