This example demonstrates how SVG shapes and CSS styling can combine to create a simple, static composition. A single rendered page shows a purple rectangle, a green path, and black lines drawn directly in the markup. The code uses raw SVG elements—`rect`, `line`, and `path`—and applies styling through CSS classes. The `stroke`, `stroke-width`, and `stroke-linejoin` properties control the lines’ appearance, while the overall layout is positioned using `transform` and viewport coordinates. No data source or interactivity is present; it purely illustrates basic vector graphics and style application.