{"version":"1.0","type":"rich","title":"A8 -D3 Edge Bundling","description":"This example visualizes a network of nodes and edges using a force-directed layout, with the data sourced from a CSV file containing node and edge information. The visualization shows the interconnected structure of the network, where each node is represented by a circle and each edge by a line, with the spatial arrangement determined by the simulated physical forces. The code uses D3 v6 utilities such as `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to perform the simulation, while also incorporating `d3.drag` for interactive node manipulation, and the SVG rendering is handled by `d3.select` and `svg.append`. The node and edge elements are styled with CSS classes, and the graph is displayed within an SVG container sized at 1280 by 800 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/beff09e8b861405cab709670f07d0b96?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}