{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape construction in an HTML document. The visualization shows overlapping red and green circles, a navy diagonal line, a black polyline, and a closed path, all rendered directly within an `<svg>` element with a 960 by 500 coordinate space. Using the SVG API, the code applies fill colors, stroke properties, and explicit coordinate attributes like `cx`, `cy`, `r`, `x1`, `y1`, and `d` to define each shape. A commented-out `<rect>` block indicates intentional exploration of different shape attributes, while the paths rely on SVG path data syntax for their geometry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a6f198cda5e44acbb9d11708b6407598?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}