Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Fork of SVG Fundamentals

0 stars1🌍 Public
Eeric.r.thornhill@gmail.com
Last edited May 6, 2025
Created on May 6, 2025
Forked from SVG Fundamentals

This example generates a full-screen abstract composition by dynamically creating an SVG scene using the DOM API. It shows one hundred vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the viewport width, extending the full window height. The code uses the raw `document.createElementNS` method to build SVG `rect` elements without any external libraries, setting the SVG dimensions to the browser's `innerWidth` and `innerHeight`. The script then appends each rectangle sequentially, producing a rhythmic grid of uninterrupted lines.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed