{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example shows a scatter of seven translucent circles with randomly generated HSL colors scattered across a full-screen SVG. It demonstrates D3.js’s general update pattern and method chaining by binding data to circle elements and setting their x, y, radius, and fill attributes. The code imports `select` from D3 and uses `selectAll`, `data`, and `join` to create the visualization. Random colors are generated via the `getRandomColor` function, and the SVG dimensions are set to match the browser window.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89f7466d5c8645f182a09c54dcc8e903?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}