SVG Fundamentals
This example shows a simple arrangement of geometric shapes—a green circle and four gray rectangles of varying sizes and positions—composed directly in SVG. The visualization demonstrates fundamental SVG markup, using inline `<circle>` and `<rect>` elements within an `<svg>` container to define primitive shapes. No JavaScript libraries or data sources are involved; the rendering relies entirely on static SVG attributes such as `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `fill` to position and style each shape.