SVG Fundamentals
This example demonstrates four basic SVG circles arranged in a grid, each with a distinct fill color (default black, red, blue, and cyan) to illustrate fundamental shape rendering. The circles are drawn directly inside an `<svg>` element with fixed width and height of 300 pixels, using explicit `cx`, `cy`, and `r` attributes to position and size them. The page also includes a large CSS heading, “SVG Fundamentals,” styled with a 13em font size. No external libraries are used; the visualization relies solely on native SVG markup and inline HTML/CSS, showing how static vector graphics are defined without JavaScript or data binding.