{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—arranged in a fixed 960×500 viewport. The code uses SVG elements directly in HTML, with styling controlled by an external CSS file, including a `.lines` class that sets stroke properties on grouped line and path elements. Transformations like scaling and translation are applied via SVG attributes, and colors are specified through presentation attributes and a CSS class. The visualization is static, with no data-driven elements or interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96d760c28ed249d4a36e50250bcb4f0a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}