{"version":"1.0","type":"rich","title":"node-link diagrams v.s. adjacency matrix123","description":"This visualization compares node-link diagrams with adjacency matrices for network data. It displays a force-directed node-link diagram on the left, where nodes can be dragged, and a corresponding adjacency matrix on the right, where each cell represents a potential edge. Clicking a node in the left panel or a grid cell in the right panel highlights the corresponding link in red across both views. The code uses `d3-force` for the force simulation and `d3.select` for interactions, rendering with SVG. The data comes from a CSV file of network edges.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/57175510bf424916a967acfc0d4b05e0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}