{"version":"1.0","type":"rich","title":"A8 Adjacency Matrix D3","description":"This example renders a 20-node adjacency matrix as an SVG heatmap, using D3 v7 to visualize connections from the Facebook Pages-food network dataset. Rows and columns represent sorted nodes, with steelblue cells indicating an edge between the corresponding source and target nodes. The code uses `d3.csv`, `d3.csvParseRows`, and `d3.cross` to populate a binary matrix from node and edge CSV files, then draws each cell as a `rect` with a mouseover tooltip that displays row and column labels along with the edge value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/612050657ebe4b0a82779dfa3bab31ff?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}