{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape primitives as a standalone visualization. It displays two circles, one rectangle, and an additional smaller circle arranged on a 930-by-480 canvas, with a purple border outlining the full drawing area. The code uses raw SVG elements (`circle`, `rect`) directly in HTML, specifying attributes like `cx`, `cy`, `r`, `fill`, and `stroke` without any JavaScript libraries. Each shape’s position, size, and color are hardcoded, showing how SVG handles simple geometric rendering and stroke styling in a static, non-interactive format.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c4b06c115af4ce1908e381c6160a4c7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}