{"version":"1.0","type":"rich","title":"Untitled","description":"This example shows a small directed force-directed network graph with six olive-colored nodes and four links of varying thickness, where each node is labeled with its ID. It uses `d3.forceSimulation` to layout the graph, with a `d3.forceLink` for edges, `d3.forceManyBody` for repulsion, and a center force to position nodes. Node positions update on each tick, and links are drawn as lines with stroke-width proportional to the square root of the link value. Drag handlers via `d3.drag` allow the user to reposition nodes. The graph data comes from a JSON file containing nodes A–F and six links; rendering is in SVG within a 500×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f138c21f127e4a3ba593db08bfaf6511?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}