{"version":"1.0","type":"rich","title":"SVG fundamentals","description":"This example demonstrates basic SVG shapes rendered directly in an HTML page, using the `circle` and `rect` elements to display geometric primitives with simple fill and stroke styling. The visualization shows a red circle and a yellow rectangle with a navy border, positioned within a 960 by 500 pixel viewport. The code relies on native SVG markup without external libraries or JavaScript, making it a minimal introduction to vector graphics. The CSS properties are applied inline through attributes such as `fill`, `stroke`, and `stroke-width`, illustrating how SVG handles coordinate-based drawing in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/de9eb520b6904f1595c62115aec8c1bd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}