{"version":"1.0","type":"rich","title":"Node-Link Diagrams vs. Adjacency Matrix","description":"This example juxtaposes a node-link diagram with an adjacency matrix to explore network data. The node-link view, rendered with SVG, displays nodes and their connections, while the matrix uses color opacity to represent edge weights. Clicking a matrix cell highlights the corresponding link in the node-link diagram, showing the relationship between the two representations. The visualization uses D3.js v6 for data loading, SVG rendering, and interactive selection, with a custom force-directed layout to arrange the nodes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5f843ace781143d8ab6cae7239ab39af?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}