Fork of W1 SVG essentials
This example demonstrates geometric symmetry and layering using basic SVG shapes. It arranges circular forms in red and white to create an abstract, mirrored composition with a central focal point, flanked by two vertical rectangles and four diagonal line segments. The work uses the SVG `<circle>`, `<rect>`, and `<line>` elements directly within an HTML document. The rendering relies on SVG’s coordinate system and shape attributes like `cx`, `cy`, `r`, and `stroke-width`, with no external JavaScript libraries, to explore visual balance and repetition.