{"version":"1.0","type":"rich","title":"Force Directed Graph","description":"This example pairs a force-directed graph with an adjacency matrix to explore node-link diagrams and network connectivity. The graph uses D3’s `d3.forceSimulation` and `d3.forceLink` to position nodes, while the matrix encodes edge weights as cell opacity. Clicking a node or matrix cell highlights the corresponding row, column, and connected links. The code also enables drag interactions via `d3.drag` and zooming with `d3.zoom`, rendering everything as SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/816be571165741d0950c6c49bd27fb09?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}