{"version":"1.0","type":"rich","title":"A8 - Edge Bundling in D3","description":"This example demonstrates edge bundling for a network graph using D3.js within a React framework. It visualizes hierarchical data connections as curved, bundled paths that reduce visual clutter. The code employs D3’s force-directed simulation (`d3.forceSimulation`) to position nodes and `path` elements with Bézier curves to draw the edges. The rendering relies on SVG, with the graph’s structure defined in a local data file. The visualization showcases how edge bundling can clarify complex relationships in interconnected datasets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff79b89a050240d1aeaeec52c8c0c1bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}