SVG Fundamentals
This example introduces SVG fundamentals by drawing two circles on a 960-by-500 canvas. The first circle, centered at (50, 50) with radius 100, uses default styling, while the second, at (200, 300) with radius 200, is filled red. It demonstrates basic SVG shape creation with the `<circle>` element, setting `cx`, `cy`, `r`, and `fill` attributes. Rendered directly in the browser via inline SVG, the example shows how static vector graphics are constructed without any external libraries or data sources.