{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example displays six semi-transparent circles of varying sizes and colors scattered across a pale green background. The circles are drawn using D3’s data join pattern within a Svelte component. The code imports `select` from D3, sets the SVG dimensions to match the container, and binds an array of position, radius, and fill values to each circle. Rendering is handled reactively when the container’s size changes, with opacity fixed at 0.708.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/92d4a2f77efd4626be12bdb89afd2518?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}