SVG Fundamentals
This example demonstrates the basic building blocks of SVG rendering through two primitive shapes: a blue circle and a red rectangle. The SVG element establishes a fixed coordinate system with the circle centered at (50,50) and the rectangle spanning from the origin. The code uses raw SVG markup within an HTML document, relying on built-in SVG attributes like `cx`, `cy`, `r`, and `fill` to define geometry and styling. No external libraries or JavaScript are required, showcasing how static SVG graphics can be created declaratively in plain HTML.