Fork of Circles with D3
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.