SVG Fundamentals
This example demonstrates fundamental SVG shape elements, including circles, rectangles, and lines, each styled with different colors and strokes. The visualization uses plain SVG markup within an HTML page to render a simple composition of geometric figures, such as a row of varied circles and a large bordered rectangle. The code does not rely on any JavaScript libraries or data sources, instead showcasing the basic structure and attributes of SVG, like `cx`, `cy`, `r`, `fill`, and `stroke-width`. The rendering approach is purely static, with no interactive or animated behavior.