{"version":"1.0","type":"rich","title":"SVG-Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG rendering in a web page. It displays a green circle and an outlined blue rectangle that traces the full width and height of the SVG canvas. Using only a static SVG element with CSS and JavaScript available in the HTML document, it shows how primitive shapes are positioned via explicit coordinates and styled through fill and stroke attributes. The rendering approach relies on native SVG markup embedded directly in the page, without any additional charting library.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c3c2b58c52f64996ab1df299f1ebfadf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}