HTML Starter
This example demonstrates a static collection of SVG shapes, including circles and rectangles, arranged in groups and transformed with scaling and translation. The visualization uses raw SVG markup within an HTML page, with elements styled through inline attributes and a linked CSS file that removes margins and hides overflow. The first group applies a uniform scale of 1.5, while the second group shifts shapes downward and applies a blue fill with a black stroke; the third group contains lines and a path drawn in green and black. The code relies solely on native SVG elements and CSS, with no JavaScript libraries or data binding.