SVG demo
This demo shows basic SVG shapes—circles and rectangles—styled with colors, strokes, and a group transform. It uses inline SVG elements directly in the HTML, with CSS rules that set the page margin and overflow. Shapes are positioned via attributes like cx, cy, and x, y, while a <g> element applies a blue fill, black stroke, and a vertical translation to multiple shapes at once. No JavaScript libraries are involved; rendering relies entirely on the browser’s native SVG support.