{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example showcases basic SVG fundamentals by rendering two primitive shapes: a red circle and a blue rectangle. It demonstrates how to create and style SVG elements directly within an HTML page using inline SVG markup. The code uses native SVG elements—`circle` with `cx`, `cy`, `r`, and `fill` attributes, and `rect` with `x`, `y`, `width`, `height`, and `fill`—to illustrate position, size, and color properties. No external libraries or data sources are involved; the example relies purely on static, hand-coded SVG in a plain HTML file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ecaafab9e24d49b7b35c06016d8105b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}