SVG fundamentals
This example demonstrates a simple SVG scene: five circles arranged to form a flower shape, with four magenta petals surrounding a yellow center. Created using raw HTML, CSS, and JavaScript, the code relies on inline SVG elements rendered directly in the browser. The SVG markup defines each circle's position, radius, and fill color, while CSS styles handle the page layout and typography. It serves as a bare-minimum introduction to the SVG API, showcasing how to draw primitive shapes without external libraries.