Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Dec 27, 2023

Created on Dec 27, 2023

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt minimalist composition using vertically oriented black rectangles arranged in a regular grid across the full browser window. The piece shows an algorithmic interpretation of the artist’s geometric style, with each rectangle consistently spaced and sized. The code uses raw JavaScript and the SVG DOM API, creating elements via `document.createElementNS` and appending them to an SVG canvas. It generates 100 rectangles, each positioned at increasing x-coordinates and spanning the full viewport height, with no external libraries or data sources involved.

Llili463e

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This generative art reproduction displays a series of vertical SVG rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full height of the browser window. It draws a minimalist, grid-based pattern reminiscent of Sol LeWitt’s wall drawings, created procedurally using the JavaScript DOM API `document.createElementNS` to build SVG elements. The code loops to place each rectangle, setting its `x` and `height` attributes dynamically based on the window dimensions, though a loop condition error prevents full execution. The piece relies on raw SVG manipulation rather than a charting library.

Wwasti

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using purely geometric forms: a series of vertical rectangles evenly spaced across the full browser window. It renders 100 thin, black bars, each 10 pixels wide and as tall as the viewport, using raw SVG elements created and appended via the Document Object Model (DOM) API. The code does not use any D3 functions or libraries, instead relying on native JavaScript to set the width, height, and position of each rectangle. The piece emphasizes minimal, systematic repetition, echoing LeWitt’s instructional art, with the final output being a static, monochrome composition.

MMatheesha Yapa

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece as a series of thin vertical rectangles. The code generates 100 black SVG `<rect>` elements across the full screen width, each 10 pixels wide and spaced 20 pixels apart, creating a striped pattern. It uses the raw Document Object Model API with `document.createElementNS` and `setAttribute` to construct the SVG dynamically within an HTML page, with no external libraries or data sources.

LLívia Rocha

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece displays a series of vertical black bars evenly spaced across the full height of the browser window. The visualization is generated entirely with the raw SVG API, creating 100 rectangles via `document.createElementNS` and appending them to an SVG element that fills the viewport. Each rectangle is positioned at a fixed interval of 20 pixels, with a width of 10 pixels, producing a rhythmic pattern that mirrors LeWitt’s minimalist geometric style. The code uses no external libraries, relying solely on native browser SVG methods.

IIgorGorin00

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

90% match

Loading thumbnail…

Sol LeWitt reproduction

A generative art reproduction of Sol LeWitt’s work displays 100 evenly spaced vertical rectangles filling the entire browser viewport. Each rectangle is 10 pixels wide, with a 10-pixel gap between them, creating a rhythmic striped pattern across the full height of the screen. The code uses raw SVG creation via `document.createElementNS` to build and append the rectangles, without any external libraries. It dynamically reads `window.innerWidth` and `window.innerHeight` to size the canvas, then loops through a fixed count of 100 to place each shape at successive x-coordinates. The piece directly references the artist’s geometric style through a simple, algorithmic rendering process.

ZzolboBatsaikhan

90% match