{"version":"1.0","type":"rich","title":"activity 6_Task 2","description":"This example shows a clustered force-directed network of nodes and links, with each cluster assigned a distinct color and labeled by a numeric ID. It uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position the nodes, while `d3.drag` enables interactive node movement. The labels are rendered as SVG text elements, and the visualization reads its data from a remote JSON source. Node positions update continuously through the simulation’s `tick` event, redrawing both the connected links and the labeled nodes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/90c0f3dda90549b188a9374dadc1facb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}