{"version":"1.0","type":"rich","title":"SVG FUNDAMENTALS","description":"This example demonstrates fundamental SVG rendering by creating a full-screen canvas filled with evenly spaced vertical stripes. The code constructs an SVG element using the raw `document.createElementNS` API with the SVG namespace, then iterates across the viewport width in 200-pixel increments to append thin rectangular shapes. Each rectangle is positioned with an `x` attribute and given a constant width of 10 pixels, stretching to the full window height. The result is a minimalist visual pattern that shows how basic SVG primitives can be dynamically generated and styled through JavaScript.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1d1a905f6ffc4b3da628fc07808583d0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}