{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG graphics by constructing a simple house illustration from basic geometric shapes. The visualization uses inline SVG within an HTML page, drawing rectangles and lines as raw SVG elements to form the house structure and roof. The code applies CSS properties directly to SVG tags, specifying fill colors, stroke colors, and stroke widths for each shape. This serves as a bare-minimum introduction to how SVG can be used for data visualization, working with the standard SVG API for shapes and lines without any additional JavaScript or visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7f6a605b7ffa48109b8f702d4c5ef40e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}