{"version":"1.0","type":"rich","title":"Force Directed Graph","description":"This example combines a force-directed graph with an adjacency matrix to visualize network connections. The graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while links are drawn as SVG lines with widths proportional to edge values. Clicking a node highlights its corresponding row and column in the matrix, and both elements support zooming via `d3.zoom`. Node colors and radii encode group membership, with a legend showing the six group categories.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7385756a9cfc4ebe977484331bb0b5e5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}