{"version":"1.0","type":"rich","title":"HW6_0660035","description":"This example combines a force-directed node-link diagram with an adjacency matrix to explore network connectivity. Clicking a node in either view highlights its corresponding row and column in the matrix, while the node diagram supports dragging and zooming via `d3.zoom`. The SVG renders with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` for layout, and the matrix uses `rect` elements with opacity encoding edge presence. Node size encodes group membership, and the data is loaded from an external source using `d3.tsv` or `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3e89a347deea4f46805d760b407c2c5a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}