{"version":"1.0","type":"rich","title":"node-link diagrams vs. adjacency matrix","description":"This example contrasts node-link diagrams with adjacency matrices for network data. The visualization loads a real-world edge list from a GitHub-hosted CSV file, parsing connections to build a binary adjacency matrix. Each matrix cell is rendered as a rectangle, with opacity indicating the presence of a link. The visualization highlights paths and edges, and clicking a cell updates a text label to confirm or deny a connection between nodes. The code leverages d3.csv for data loading, d3.select and d3.append for SVG construction, and d3.forceSimulation for the node-link layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/179fc2a3b7274b20951dbad83ab16063?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}