This example demonstrates a basic SVG composition built directly within an HTML page. It shows a square outline, two concentric circles, a diagonal line, and a diagonal path, all rendered as vector graphics. The code uses raw SVG elements, including `rect`, `circle`, `line`, and `path`, with inline coordinates and styling attributes. The rendering relies on the browser's native SVG support without any additional JavaScript libraries, making it a minimal starter for custom visualizations. The data is manually specified within the HTML markup.