{"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 relationships. The graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while drag and zoom interactions are enabled. Clicking a node or matrix cell highlights its row and column in the matrix and emphasizes connected links. Data is loaded from a CSV edges file, and rendering uses SVG circles, lines, and rectangles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a9f8b303ca4844e2abe96e4b98ebb856?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}