adjacency matrix
This adjacency matrix visualization uses a grid of colored cells to show connections between individuals in a social network, with darker orange cells indicating stronger relationships. The code loads node and edge data from CSV files, then constructs a matrix where each row and column represents a person, and cell opacity reflects edge weights. Built with D3.js v4, it renders SVG rectangles for the matrix cells, labels axes with node names, and highlights rows and columns on mouseover. The example uses D3’s selection, data binding, and event handling APIs to create an interactive overview of pairwise relationships.
AI-generated descriptionBuilt with blockbuilder.org
forked from <a href='http://bl.ocks.org/jwilber/'>jwilber</a>'s block: <a href='http://bl.ocks.org/jwilber/f6aa52e560e6b20a0e4c4d155f3789ed'>adjacency matrix</a>