{"version":"1.0","type":"rich","title":"Fork of Question 4 bubble chart","description":"This bubble chart uses a force-directed layout to visualize 25 data points from a CSV file, with each node's size and color encoded by the data's `size` and `groupid` values. The chart arranges the circles as a packed bubble diagram where larger bubbles tend toward the center, while smaller ones are pushed outward.\n\nThe visualization is built with D3 v5 and the `d3.forceSimulation` API, combining many-body repulsion, X/Y centering forces, and collision detection to position the circles. Labels show each node's ID, and the simulation updates positions through a tick callback that adjusts circle and text attributes on an SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8ec3358399f34f3daf34443a9a4ac91b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}