Skip to main content
SimilarExport ZIP
100%

Sol Lewitt

✓ Published1🌍 Public
BBaptPoi
Last edited Aug 11, 2022
Created on Aug 11, 2022
Forked from Basic shapes

This example renders a full-screen SVG composed of one hundred vertical rectangles, each ten pixels wide, spaced twenty pixels apart. The rectangles are created programmatically using the native Document Object Model API, with `document.createElementNS` and `setAttribute` to construct each SVG `rect` element. The `window.innerWidth` and `window.innerHeight` properties define the canvas dimensions, while the fixed loop count determines the layout. The result is a minimalist, grid-like pattern inspired by Sol LeWitt’s geometric wall drawings, though no data source or interaction drives the composition.

AI-generated description

Sol Lewitt pouet

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt picture

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG. The visualization shows a series of one hundred vertical rectangles evenly spaced across the full width of the browser window, each with a fixed width of 10 pixels and extending the entire height of the viewport. The code generates the SVG elements directly via the Document Object Model (DOM) API, using `document.createElementNS` and `setAttribute` to position and size each rectangle. The rendering relies on the browser’s native SVG support, with no external libraries or data sources involved.

FFrancisco Ibelles
91% match
Loading thumbnail…

Sol Lewitt Piece

This example reproduces a Sol LeWitt-style drawing using only JavaScript and the Document Object Model (DOM). It generates a full-screen SVG canvas and fills it with 100 vertical rectangles, each 10 pixels wide and spaced 20 pixels apart, creating a rhythmic, wall-like grid pattern. The code uses `document.createElementNS` to construct SVG elements directly, without any external libraries, and sets the canvas dimensions to the browser window’s inner width and height. The rendering is purely algorithmic, based on a loop that iterates through horizontal positions, with no external data source.

Yyejichun@naver.com
91% match
Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG visualization. It renders 100 vertical rectangles, each 10 pixels wide, evenly spaced across the full viewport height. The code uses the SVG API to create and append each rectangle dynamically via `document.createElementNS`. All shapes are generated procedurally without an external dataset, directly mimicking LeWitt’s geometric style. The result is a minimalist, full-screen composition that fills the browser window.

KKathleen Johnston
90% match
Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt-inspired geometric drawing using SVG. A series of 100 horizontal rectangles, each 10 pixels tall and spaced 20 pixels apart, render across the full screen width. A circular mask centered on the viewport clips these rectangles, revealing only the lines inside the circle. The visualization uses plain JavaScript to create SVG elements dynamically, with no external libraries, and responds to the browser window’s dimensions for sizing.

Ttonkocorp
90% match
Loading thumbnail…

Sol LeWitt in JS

This example renders a full-screen SVG of 100 vertical rectangles, spaced incrementally across the width, to approximate a minimalist scatterplot or grid composition reminiscent of Sol LeWitt’s geometric art. The page sets up an SVG namespace using `document.createElementNS` and dynamically appends each `rect` element with fixed width and height equal to the viewport. The code directly uses the `window.innerWidth` and `window.innerHeight` properties to size the canvas, with no external libraries. The result is a clean, repeating pattern that emphasizes structure and rhythm over data variation.

Jjeremyyq@gmail.com
90% 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
89% match
Loading thumbnail…

Sol LeWitt

This example displays 50 vertical rectangles arranged in a repeating grid, filling the browser window with a pattern inspired by Sol LeWitt’s minimalist art. Each rectangle is positioned at an x-coordinate of 20 times its index, with a fixed width of 10 and a height equal to the full viewport. The visualization uses the SVG namespace and dynamically creates elements via `document.createElementNS`, setting width and height attributes from `window.innerWidth` and `window.innerHeight`. The code appends all shapes to a single SVG container without any interaction or data-driven updates.

Aavcwisesa
89% match
Loading thumbnail…

TD_Sol_Lewitt

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, without any external libraries. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart, and filling the full height of the browser window. The rectangles are created dynamically in a loop using the `document.createElementNS` API and appended to an SVG element whose dimensions match `window.innerWidth` and `window.innerHeight`. The resulting pattern demonstrates a minimalist, systematic grid-based composition directly in the browser.

TTatjana Dzambazova
89% match