Skip to main content
SimilarExport ZIP
100%

Sol LeWitt

✓ Published1🌍 Public
EEd Smale
Last edited Jul 16, 2023
Created on Jul 16, 2023
Forked from SVG Fundamentals

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.

AI-generated description

A demo of SVG shapes.

MIT Licensed

Similar vizzes

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
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 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
89% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt–style drawing as a full-screen grid of vertical black rectangles. One hundred narrow SVG `rect` elements are laid out side by side, each ten pixels wide and spaced twenty pixels apart, creating a rhythmic, minimalist composition. The script generates the SVG dynamically using the DOM API `document.createElementNS` and appends it to the body, with dimensions matching the browser window. The rendering is purely procedural, with no external libraries or data sources.

Lliu yang
89% match
Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using raw SVG elements created directly through the DOM API. It shows a series of 100 thin vertical rectangles evenly spaced across the full height of the browser viewport, creating a minimalist striped pattern. The visualization uses `document.createElementNS` to generate SVG `rect` elements, setting each rectangle’s width to 10 pixels and its horizontal offset to 20 pixels apart. No external libraries are used, relying purely on vanilla JavaScript and CSS to render the geometric composition dynamically based on the window size.

HHéloïse Feldmann
89% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using a grid of vertical SVG rectangles. The code generates 100 thin, evenly spaced bars that span the full height of the browser window, creating a rhythmic, minimal pattern. It builds the SVG dynamically with the Document Object Model (DOM) API, using methods like `createElementNS` and `setAttribute` to construct and style each rectangle. The visualization responds to the current viewport dimensions, filling the entire screen with its structured, monochrome array.

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

Sol LeWitt Vertical

This visualization recreates Sol LeWitt's geometric aesthetic using a vertical stack of 100 thin, full-width rectangles. Each rectangle is spaced 20 pixels apart, creating a rhythmic, repetitive pattern that fills the entire browser viewport. The code builds SVG elements dynamically via the Document Object Model API, using `createElementNS` to generate the `<rect>` elements and appending them to an `<svg>` container whose dimensions are set to match the window’s `innerWidth` and `innerHeight`. No external libraries are used, relying purely on vanilla JavaScript and SVG.

JJMeltzer92
88% match