Skip to main content
SimilarExport ZIP
100%

sole lowit reproduction vertical

✓ Published0🌍 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.

MIT Licensed

Similar vizzes

Loading thumbnail…

sole lowit reproduction vertical

A full-screen SVG composition displays 100 horizontal black rectangles layered vertically, with a circular mask revealing only a centered 200-pixel-radius region defined by white and black mask shapes. The code dynamically generates the SVG via the Document Object Model (DOM) `createElementNS` API, setting the mask’s rectangle and circle to control visibility. Each rect is assigned the mask using the `url(#circle-mask)` reference, creating a bold, striped window effect against a white background. The example demonstrates procedural SVG shape construction and masking without external libraries, relying purely on native browser APIs.

Nnathananiel john agang
87% match
Loading thumbnail…

Fork of sole lowit reproduction

This example demonstrates a straightforward technique for populating an SVG canvas with vertical rectangles. The code creates 100 `<rect>` elements, each with a fixed width of 10 pixels, and positions them horizontally by incrementing their x-coordinate by 20 pixels for every iteration. The rectangles span the full height of the viewport, creating a striped pattern. It uses JavaScript to programmatically construct the SVG via the `document.createElementNS` API, setting the `width` and `height` attributes dynamically based on the browser window's inner dimensions. The rendering uses only basic shapes without any external libraries.

Nnathananiel john agang
86% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only SVG rendering. It draws 100 vertical rectangles, each 10 pixels wide, positioned at 20-pixel intervals across the full height of the browser window. The rectangles fill the viewport edge to edge, creating a rhythmic, striped pattern. The code creates the SVG element dynamically via `document.createElementNS` and appends each rectangle to it, with the window dimensions determining the overall canvas size.

AAndre J Denais
78% match
Loading thumbnail…

Sol LeWitt

This example generates a vertical field of narrow, evenly spaced black rectangles across the full height of the browser window, creating a rhythmic, striped composition reminiscent of Sol LeWitt’s wall drawings. It renders 100 SVG `<rect>` elements directly onto an `<svg>` created with the DOM API `document.createElementNS`. The rectangles are positioned incrementally along the x-axis at 20-pixel intervals, each with a fixed width of 10 pixels, while the height is set to match the window’s inner height. No external libraries are used; the visualization relies solely on native SVG parsing and JavaScript.

EEd Smale
78% match
Loading thumbnail…

Sole wit vertical Reproduction with scrip

This example reproduces Sol LeWitt's Wall Drawing No. 370 as a vertical grid of thin black rectangles that span the full browser window height. The page generates an SVG element using the `document.createElementNS` API and populates it with 100 `rect` elements, positioning each at intervals of 20 pixels along the x-axis. The script responds to the window's dimensions, setting the SVG's width and height to the viewport size, and lays out the vertical bands without any interactivity or animation. It is a straightforward, algorithmic interpretation of the original geometric artwork.

CChawin Sungwalngern
78% match
Loading thumbnail…

Sol vertical

Sol vertical renders a vertical field of 100 static SVG rectangles, each 10 pixels wide and spaced 20 pixels apart, filling the full window height. The example uses the SVG namespace via `document.createElementNS` to construct the rectangles directly in JavaScript, with no external libraries. The visualization is purely geometric, showing a uniform grid-like pattern of striped bands that cover the browser viewport from top to bottom.

Iionakeeley
78% match
Loading thumbnail…

Sol LeWitt lineas verticales

This example generates a static, full-window SVG visualization of vertical lines, inspired by Sol LeWitt's minimalist wall drawings. It shows one hundred narrow rectangles arranged evenly across the screen, each with a fixed width and height matching the viewport, creating a rhythmic pattern of alternating line and gap. The code uses the plain Document API with `createElementNS` and `appendChild` to construct SVG `<rect>` elements dynamically in a loop. The dimensions derive from `window.innerWidth` and `window.innerHeight`, and the styling comes from a linked stylesheet, though no external rendering library is used.

SSergio
78% match
Loading thumbnail…

Sol LeWitt 2

This example reproduces a Sol LeWitt art piece using raw SVG elements created with the Document Object Model (DOM) API. It generates one hundred vertical rectangles, each ten pixels wide and spaced twenty pixels apart, filling the full height of the browser window. The code uses `document.createElementNS` to construct SVG `<rect>` elements and appends them to an SVG container. The rectangles are drawn programmatically in a loop, without any external data source or visualization library.

CCora
78% match