This example demonstrates basic SVG shapes as a static, code-driven visualization. It renders two primitive elements—a circle and a rectangle—directly within an HTML document using the SVG markup language. The circle appears without fill or stroke styling, while the rectangle uses a purple fill with an orange outline via SVG presentation attributes. The code relies on no external libraries or data sources, instead showcasing how SVG’s native `circle` and `rect` elements define geometry and appearance. The example serves as a minimal foundation for understanding vector graphics structure, independent of JavaScript or D3 functionality.