{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape rendering and styling, including circles, rectangles, lines, and paths, all displayed on a 960x500 canvas. The chart shows how different SVG elements appear with various fill colors, stroke widths, and stroke colors, such as red, green, and blue circles, a yellow rectangle with a navy border, and black lines and paths. The code uses native SVG markup within an HTML file, with shapes positioned via coordinate attributes like `cx`, `cy`, `r`, `x`, `y`, and `d` for paths, and no external libraries are employed. The rendering is static, showcasing the versatility of SVG for basic geometric compositions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1007dd400c334ab89aa49e016c274c77?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}