{"version":"1.0","type":"rich","title":"Circles","description":"A static collection of six colored circles sits on a light green background, each with a distinct position, radius, and fill color. The visualization demonstrates basic D3.js shape rendering within a Svelte component using the `select` API to create an SVG canvas. Data is stored as an array of objects containing `x`, `y`, `r`, and `fill` properties, which are bound to `<circle>` elements via `attr` calls. The circles use a uniform opacity value of 0.708, creating a subtle translucency across all shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27407cf3a9994d188d612cc1a1b3039c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}