{"version":"1.0","type":"rich","title":"D3 in Action Adjacency Matrix","description":"This example displays a directed adjacency matrix, where rows represent source nodes and columns represent target nodes. It loads node and edge data from arrays and renders an SVG grid of red squares, with edge weight encoded through fill opacity. The D3 v3 code uses `d3.scale.ordinal` for axis positioning and `d3.svg.axis` for labels, while mouseover highlights rows and columns by increasing the stroke width of matching cells.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-9a1d6f09308d4dde22c210a0f7c1dd5d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}