{"version":"1.0","type":"rich","title":"A8 Node-Link Diagram D3 (edge-bundling)","description":"This example combines a force-directed network diagram with an adjacency matrix to visualize Facebook page connections in the food category. The network uses curved paths generated with D3’s `d3.curveBundle` for edge bundling, while `d3.forceSimulation` handles node positioning and dragging. Hovering over a node highlights its corresponding row and column in the matrix, with tooltips showing node names. Both visualizations load CSV data for nodes and edges, rendering in SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e9dbf0ce3e7347b5b0a0e302dc6171f6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}