{"version":"1.0","type":"rich","title":"svg textbook","description":"This example demonstrates how SVG elements can be composed and transformed on a canvas, using primitive shapes like circles and rectangles to build a visual layout. The code leverages SVG’s `<g>` elements with `transform` attributes for scaling and translation, and CSS classes that apply stroke, fill, and stroke-width properties to style shapes. It also employs an SVG `<path>` element to draw a connected line with rounded joins. The visualization is rendered directly in an HTML page, styled by an external CSS file, and uses no JavaScript or external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5d9ffa608ab54382b864f1308b54d151?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}