{"version":"1.0","type":"rich","title":"Untitled","description":"This example shows an adjacency matrix visualization of a directed weighted graph, with nodes listed along the top and left axes and cells representing edge weights. The code loads two CSV files (`nodelist.csv` and `edgelist.csv`) using `d3.csv` and a custom Promise wrapper to build the matrix. It renders SVG `<rect>` elements for each grid cell, with fill opacity proportional to weight, and adds `<text>` labels for node names. Hovering over a cell highlights all cells in the same row and column by adjusting `stroke-width` via `d3.selectAll`. The visualization uses `d3-selection-multi` for attribute styling, though the primary logic relies on standard D3 v4 selections.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1129f210e8704686bbf714c5411041cf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}