{"version":"1.0","type":"rich","title":"transform = translate HTML Starter","description":"This example demonstrates the use of the SVG `transform=\"translate(x, y)\"` attribute to reposition a purple, semi-transparent rectangle within an SVG canvas. The code defines a single rectangle inside a `<g>` group with the `id=\"square\"`, then uses an SVG `<use>` element referencing that group and applies the translation transform. With no external libraries or JavaScript, it is a bare-bones HTML page (as noted in the README) that relies solely on inline SVG and CSS-like styling for presentation. The title, comments, and some CSS rules are commented out, leaving the SVG rendering as the core visual output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/108564f34d634de5818546c66ea75e0f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}