{"version":"1.0","type":"rich","title":"Force Directed Graph with markers and selectable links","description":"This example demonstrates a force-directed graph where multiple links between the same pair of nodes are visually distinguished using colored strokes and arrowhead markers indicating direction. The graph uses `d3.forceSimulation` to position nodes and `d3.forceLink` to manage connections, with selectable links rendered as SVG paths that trigger click events. Node data and link descriptions come from JSON files, and labels are positioned along curved edge paths using `textPath` elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d173179789be43cd8881ba88da83da10?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}