{"version":"1.0","type":"rich","title":"A8 - node-link diagram with force-directed layout","description":"This example shows a force-directed node-link diagram of the Zachary Karate Club social network, with orange nodes and gray edges. It uses the D3 forceSimulation API to compute the layout through charge, link, and center forces, updating the SVG positions on each tick. Node labels appear in a tooltip on mouseover, built with D3’s selection and transition API. The graph renders as an SVG with animation, driven by the react framework, and the data is loaded from a remote CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e3996f9b99c249348ea30a12d6c92278?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}