{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes on a blank 960x900 canvas, including circles, a rectangle, a line, and a path. It shows how SVG elements are positioned and styled directly in HTML markup. The code uses inline SVG attributes such as `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `stroke`, and `fill` without any JavaScript or external libraries. A red circle, a yellow rectangle with a blue stroke, a navy diagonal line, and a black polyline illustrate basic geometric primitives and attribute-based styling within a static React-free HTML document.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/abe7658d889b4509bac3c7c98e17f946?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}