SVG Fundamentals
This example demonstrates the fundamental SVG shapes available for web-based visualization, including a circle, a line, and a rectangle. Each shape uses basic SVG attributes such as `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `stroke` to control position and styling. The SVG canvas is sized at 1024 by 768 pixels and centers its content using an HTML `div` element. All shapes are rendered with gray strokes and no fill, highlighting their outlines. The code is written directly in an HTML file with inline SVG markup, requiring no external libraries or frameworks.