{"version":"1.0","type":"rich","title":"Force Directed Graph","description":"A force-directed graph shows the network structure of nodes and links, with each node colored by group and links weighted by value. Clicking a node highlights all connected links in red and simultaneously highlights the corresponding row and column in an adjacent adjacency matrix, where cell opacity reflects link weight. The implementation uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter`, renders nodes as SVG circles with drag and zoom support, and loads data from a `.edges` file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d032b2dae8f6487b8b17b71357bf7c40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}