{"version":"1.0","type":"rich","title":"D3 in Action Adjacency Matrix","description":"This directed adjacency matrix visualizes a small network of five nodes, using a 5-by-5 grid where rows represent sources and columns represent targets. Cell fill opacity encodes edge weight, with darker red squares indicating stronger connections. On mouseover, the corresponding row and column are highlighted by thickening their borders. The visualization is built with D3 v3, using `d3.svg.axis()` for the ordinal name scales on both axes and a `queue()` pattern to load the CSV data, though the current code falls back to hardcoded arrays for nodes and edges.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-7c15500ecb86090eb96f0da112184d23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}