{"version":"1.0","type":"rich","title":"Node Linked Diagram with Force Directed Layout","description":"This example displays a node-link diagram using a force-directed layout, visualizing connections from the soc-firm-hi-tech network data repository. It renders purple circular nodes and black links in SVG with animation, where hovering enlarges a node and dragging repositions it. The code builds the simulation with `d3.forceSimulation`, applying `d3.forceManyBody` for repulsion, `d3.forceCenter` for centering, and `d3.forceLink` for edges, updating positions via a ticked handler.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/61756459e9494e00944b380ae9a3d27c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}