{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shapes—circles and a rectangle—positioned within a 960-by-500 viewport using fixed coordinates. The circles use blue, red, black, and green fills, while the rectangle employs an orange fill with a navy stroke and a stroke-width of 1. Rendering is achieved directly through inline SVG markup in an HTML file, with no JavaScript libraries or external dependencies. It serves as a minimal introduction to SVG fundamentals, showing how shape attributes like cx, cy, r, x, y, width, height, and fill control appearance and placement.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/db9ab28953b24f3c858f870f4c814c04?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}