This example demonstrates basic SVG shapes and styling within an HTML document, using two circles of different radii positioned on a canvas. It shows how to apply inline presentation attributes like `fill` and `stroke` to define colors and outlines, while a CSS rule in an external stylesheet controls global page layout by removing margins and hiding overflow. The visualization relies on raw SVG markup embedded directly in the HTML, with a `<g>` element applying a scale transform to group the shapes. No external libraries or data sources are used; it is a static, hand-coded illustration of vector graphics fundamentals.