{"version":"1.0","type":"rich","title":"Node-link Diagram and Adjacency Matrix","description":"This example presents a network dataset as both a force-directed node-link diagram and an adjacency matrix. The left panel uses `d3.forceSimulation` to position nodes, with zoom and drag interactions; hovering highlights connected nodes. The right panel uses `d3.brushX` for range selection, updating the matrix axes and highlighting corresponding nodes. Data comes from the included edge list, rendered with SVG and animated ticks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d96f552da4e344be8dbf2e9931fbbc96?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}