{"version":"1.0","type":"rich","title":"d3 js","description":"This visualization uses D3’s force simulation to lay out a network of nodes and links, with nodes rendered as circles and links as lines. The simulation applies charge, link, and centering forces through `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`. Node positions update each tick, and the SVG is redrawn via D3’s data joins and `attr` methods. The example runs in a React-free HTML page, loading D3 v6 from a CDN.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/df30f89b92ee445b95cff5e60362c98c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}