Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

sole lowit reproduction vertical

Public visualization

Viewing a saved revision (read-only)

a6a4f7c7f79e4c61af20b9168a5b7808

sole lowit reproduction vertical

0 stars0🌍 Public
Nnathananiel john agang
Last edited Aug 19, 2024
Created on Aug 19, 2024

This example generates a full-screen SVG graphic consisting of one hundred vertical rectangles, each ten pixels wide, positioned side-by-side across the viewport. The rectangles extend the entire height of the browser window, creating a uniform striped pattern. The visualization is built using the Document Object Model (DOM) API to create SVG elements, specifically `document.createElementNS` with the SVG namespace, and sets attributes such as `x`, `width`, and `height` directly on each `rect` element.

AI-generated description

A demonstration of SVG shapes.