{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows a pair of basic SVG shapes—a red circle and a red-filled rectangle—positioned on a 960x500 canvas. The page renders these geometric primitives through the inline SVG markup within the HTML body, while a linked stylesheet (`styles.css`) applies global resets like zero margins and hidden overflow. The code uses the native SVG elements `circle` and `rect` with their `r`, `cx`, `cy`, `x`, `y`, `width`, `height`, and `fill` attributes, and includes a CSS class named `.highlighted` that colors text red. No JavaScript or external charting libraries are involved; the visualization relies solely on static SVG and CSS presentation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f550edcff3a749069c56d38987ab8840?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}