This example demonstrates fundamental SVG shapes—circles, a rectangle, and a line—rendered directly through inline SVG markup in an HTML document. It shows how to set basic visual properties like fill colors, stroke styling, and coordinate positions for each shape. The visualization uses no external libraries, relying solely on native SVG elements and attributes within the `<svg>` tag. The drawing is static, with shapes placed at fixed pixel coordinates (e.g., a blue circle at 50,50 and a gray rectangle at 200,100), illustrating how to construct simple vector graphics without additional JavaScript or data binding.