{"version":"1.0","type":"rich","title":"SVG fundamentals","description":"This example demonstrates the fundamental building blocks of SVG graphics as rendered directly in a web browser. A solid blue circle is positioned at coordinates (100, 50) with a radius of 50, while a navy line stretches from the origin to point (100, 100), with a stroke width of 10 pixels. The visualization uses raw SVG markup within an HTML document, specifying a 960 by 500 pixel canvas. The code employs the `<circle>` and `<line>` elements, along with attributes like `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` to define shapes and their visual properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71538b61f1134c10a29467f149777f41?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}