{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes and styling through a single static page. It draws a rectangle, four circles, two polygonal paths, and a line within an SVG element. CSS defines the rectangle’s red fill, grey stroke, and a two-second transition that changes its fill to green and stroke width on hover. The code uses plain HTML, CSS, and inline SVG attributes like `cx`, `cy`, and `d`, with no external libraries. It illustrates basic vector graphics rendering and declarative styling in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96941b8c03e74832a294a7c30107a119?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}