This example demonstrates foundational SVG shapes and attributes in a static visualization, including a green-outlined circle, a full-viewport rectangular border, and a black semicircular path created with an arc command. Rendered directly in an HTML page using inline SVG and plain JavaScript—no external libraries—it relies on React for structure while showcasing how SVG's coordinate system, stroke properties, and path data define geometry. The simple scene highlights core vector graphics concepts like scaling to the viewport height and explicit shape parameters, serving as a primer for more complex data-driven visualizations. The rendering approach is pure DOM-based SVG, with no data binding or interaction.