A compact SVG canvas displays a grid of geometric shapes—circles and rectangles—arranged in two horizontal bands within a 500×200 viewport. The top row mixes filled and unfilled red circles with red squares, while the bottom row uses blue shapes in a symmetric pattern. Built with raw SVG elements (`<circle>` and `<rect>`) directly in an HTML page, the example demonstrates fundamental vector graphics positioning via `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `fill` attributes.