Sol LeWitt Creation Horizontal

100%

Sol LeWitt Creation Horizontal

✓ Published1🌍 Public

Last edited Aug 11, 2022

Created on Aug 11, 2022

This example reproduces a Sol LeWitt-inspired wall drawing as a horizontal striped composition. The visualization fills the entire browser window with a series of 50 horizontal bands, each 10 pixels tall, stacked vertically with no gaps. The piece directly uses the Document Object Model (DOM) API to create SVG elements programmatically, generating rectangles via `createElementNS` and appending them to the document. The page relies on the browser’s `window.innerWidth` and `window.innerHeight` for its full-bleed dimensions, resulting in a clean, minimal, and generative aesthetic that echoes LeWitt’s instructional art.

AI-generated description

A reproduction of sol le witt()

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Creation

This example generates a full-screen SVG that reproduces Sol LeWitt’s minimalist wall drawings. It creates a grid of 50 narrow vertical rectangles, each ten pixels wide and spaced twenty pixels apart, which collectively fill the entire browser viewport. The piece demonstrates the use of the Document Object Model (DOM) API’s `createElementNS` method to construct SVG elements directly through JavaScript, rather than employing a library like D3. The code iterates a loop, appending each rect to the SVG root, whose dimensions are set from `window.innerWidth` and `window.innerHeight`. The result is a clean, algorithmically generated abstract composition.

Ddexuzi

89% match

Loading thumbnail…

Sol LeWitt reproduction Vertical

A minimalist web page reproduces a Sol LeWitt-style geometric composition by rendering one hundred thin vertical stripes atop a full-screen SVG canvas, with only the central circular region visible. The visualization uses a white SVG `<circle>` inside a `<mask>` to clip the stripes, creating a circular window that reveals the pattern against a blank background. Built entirely with native Document Object Model (DOM) methods such as `createElementNS` and `setAttribute`, the code programmatically generates each rectangle with fixed dimensions and spacing, driven by window dimensions. The result is a clean, deterministic art piece rather than a data-driven chart.

ZzolboBatsaikhan

88% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt drawing generates 100 vertical black rectangles across the full height of the browser window. Each rectangle is positioned at increasing x-coordinates, creating a rhythmic, grid-like pattern reminiscent of LeWitt’s minimal wall drawings. The piece uses the native Document Object Model (DOM) API, specifically `document.createElementNS` and `setAttribute`, to construct SVG elements directly in JavaScript, with no external libraries. The rendering approach sets the SVG width and height to match the window dimensions, resulting in a responsive, full-screen artwork.

Nnim@brejnholt.dk

87% match

Loading thumbnail…

My Sol LeWitt

The visualization displays a series of 60 thin vertical rectangles, spaced evenly across the entire width of the browser window, each extending the full height of the viewport. This creates a striped pattern reminiscent of Sol LeWitt’s minimalist wall drawings. Built with the SVG API, the code dynamically creates the viewport-sized canvas and appends each rectangle using `createElementNS` and `setAttribute`, adjusting both the x-position and width based on the window’s dimensions.

Xxani

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez

86% 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

86% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

A vertical Sol LeWitt reproduction renders 100 horizontal stripes, each 10 pixels tall, clipped by a circular mask centered on the screen. A second set of 100 vertical stripes, also 10 pixels wide, overlays the horizontal ones without masking. The piece uses plain SVG created via the Document Object Model (`document.createElementNS`), with a `<mask>` element and a white circle to define the visible circular region. The page fills the browser window, with stripes spaced 20 pixels apart, producing the grid-like optical effect characteristic of LeWitt’s wall drawings.

IIgorGorin00

85% match

Loading thumbnail…

Sol Lewit Repro

This example presents a generative art piece inspired by Sol LeWitt, rendered by drawing a series of vertical stripes across the full browser window. The visualization uses raw JavaScript with the Document Object Model (DOM) API, specifically creating Scalable Vector Graphics (SVG) elements via `document.createElementNS`. The code generates 100 rectangles, positioning each one along the x-axis with a fixed width and making them stretch the entire height of the viewport, resulting in a clean, minimal striped pattern that echoes LeWitt's systematic wall drawings. The artwork automatically adapts to the current window dimensions.

HHayden-V

85% match