A8 Adjacency Matrix Representation
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 descriptionAdjacency 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.