Skip to main content
100%

D3 in Action Adjacency Matrix

✓ Published0🌍 Public
TThanaporn-sk
Last edited Mar 4, 2017
Created on Mar 4, 2017

This example shows an adjacency matrix visualizing co-occurrence weights between 43 topics, with each cell’s opacity encoding the edge weight from a CSV edge list. The code builds a square matrix of all possible source–target pairs, fills in weights from the edge hash, and renders them as SVG rectangles using D3 v3’s `d3.scale.linear` for opacity scaling. It adds row and column axes with `d3.svg.axis`, and a mouseover handler highlights entire rows and columns. The data comes from `edgelist.csv` and `nodelist.csv`, loaded via `queue().defer(d3.csv)`.

AI-generated description

forked from <a href='http://bl.ocks.org/micahstubbs/'>micahstubbs</a>'s block: <a href='http://bl.ocks.org/micahstubbs/1fa88ce2b089f8f04143'>Meetup Topic Adjacency Matrix</a>

cc0-1.0 Licensed

Similar vizzes