{"version":"1.0","type":"rich","title":"horizontal lines","description":"This example displays a full-screen SVG filled with 100 evenly spaced horizontal gray lines. Each line is a separate `<rect>` element, generated programmatically in a loop, with a width matching the viewport and a height of 10 pixels. The rectangles are spaced 20 pixels apart vertically, using a plain JavaScript approach with `document.createElementNS` and `setAttribute`. The visualization demonstrates a simple, static grid pattern that adapts to the browser window’s width and height. No external libraries or frameworks are used; it relies solely on native DOM and SVG APIs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7540aaa54d934b81891d8fbbec2126b0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}