{"version":"1.0","type":"rich","title":"SVG FUNDAMENTALS","description":"This example demonstrates foundational SVG shapes as a static composition. It shows a large blue rectangle, a red circle positioned at the left edge, and a green circle nested inside a separate `<svg>` element, all rendered directly in the DOM without a JavaScript library. The code uses pure SVG elements (`rect`, `circle`) with explicit `x`, `y`, `cx`, `cy`, and `fill` attributes to define geometry and color. The rendering approach relies entirely on static markup from the HTML file, with no data binding or interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7227509a808f4c3a8e0249c810b47364?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}