{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shapes as a static, code-driven visualization. It renders two primitive elements—a circle and a rectangle—directly within an HTML document using the SVG markup language. The circle appears without fill or stroke styling, while the rectangle uses a purple fill with an orange outline via SVG presentation attributes. The code relies on no external libraries or data sources, instead showcasing how SVG’s native `circle` and `rect` elements define geometry and appearance. The example serves as a minimal foundation for understanding vector graphics structure, independent of JavaScript or D3 functionality.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3471440aee0048e78b9570c9bf7e3571?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}