{"version":"1.0","type":"rich","title":"Force Directed Graph","description":"A force-directed graph and an adjacency matrix side-by-side show the connections within a network dataset. Selecting a node by clicking its square in the matrix highlights that node and its incident edges in red. The graph is rendered with SVG and uses `d3.forceSimulation` for layout, with drag and zoom interactions. The matrix order can be toggled between name and degree, using `d3.zoom` and custom mouse events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/beb1eb0450554770b8aa0bd6f5a91a99?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}