{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates a hand-coded SVG canvas with a set of shapes as a comprehensive introduction to SVG fundamentals. It uses raw SVG elements—including `<circle>`, `<rect>`, and `<line>`—to illustrate coordinate systems, styling with `fill` and `stroke` attributes, and basic geometric primitives. The visualizations are declared directly in HTML within an `<svg>` viewport. The code shows how shapes are positioned using `cx`, `cy`, `x`, `y`, `width`, and `height` attributes, and how appearance properties like `fill='none'` and `stroke-width` are applied, serving as a static, code-level primer for the SVG API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf9b428e0c5c42b4b8b62ba87a037017?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}