{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates a simple SVG rendering of three circles positioned dynamically within a container, with each circle’s size, position, and fill color bound from an array of data objects. It uses D3 v3’s `select`, `data`, `join`, and `attr` methods to create and update the SVG elements, illustrating the General Update Pattern. A separate SVG mask (defined with a rectangle and circle) overlays an orange rectangle, showing how clipping regions can be applied in the same file. The code follows a vanilla HTML/JavaScript structure as supported by the d3-rosetta project.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/16e96271b0c345fe925de0fb05ce676e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}