{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the foundational building blocks of SVG graphics, showing a green circle and a navy line rendered directly in an SVG container. The visualization uses only native SVG elements—`circle` and `line`—with inline attributes for positioning and styling, embedded within an HTML document. It serves as a hands-on introduction to SVG syntax without relying on external libraries, making it ideal for learning how coordinate systems, shapes, and stroke properties work in browser-based vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/197f128754984082afcdf461b8d46db0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}