Sol LeWitt reproduction

100%

Sol LeWitt reproduction

✓ Published3🌍 Public

Last edited Feb 5, 2024

Created on Feb 5, 2024

This example reproduces a Sol LeWitt-inspired drawing using only native browser APIs, with no external libraries. It creates a vertical striped pattern by generating a series of SVG `<rect>` elements, each 20 pixels wide, spaced evenly across the full viewport width and height. The code computes the number of rectangles needed based on `window.innerWidth` and a fixed padding of twice the bar length, then appends them to the document body using the SVG namespace (`http://www.w3.org/2000/svg`). The result is a minimalist, monochromatic composition that fills the entire screen, adapting automatically to any window size.

AI-generated description

Example of a picture create for le author Sol LeWitt

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired drawing as a series of vertical black rectangles distributed across the full height of the browser window. The visualization shows a minimalist grid-like pattern of evenly spaced bars, resembling a simple bar chart without data. The code uses plain SVG via `document.createElementNS` to generate one hundred `rect` elements, each positioned along the x-axis with a fixed width and spacing, covering the entire viewport height. No external libraries are used, and the rendering is purely geometric and deterministic.

AAmauri Ribeiro

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

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 Reproduction

This example reproduces a minimalist Sol LeWitt-style geometric composition using dynamically generated SVG shapes. As the page loads, the code creates a full-viewport SVG canvas and populates it with a repeating grid of narrow vertical rectangles, producing a uniform striped pattern reminiscent of LeWitt’s wall drawings. The implementation builds the entire scene through the raw SVG DOM API, calling `document.createElementNS` and `setAttribute` to position each rectangle. The stripes are drawn with fixed 20-pixel spacing and a 10-pixel width, which means the pattern’s density scales with the browser window’s width as the viewport resizes. No external libraries are used; the underlying JavaScript directly manipulates the SVG elements without a helper framework.

JJacky Wu

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript. It shows a systematic grid of thin, evenly spaced vertical bars that span the full height of the viewport, creating a rhythmic, minimalist pattern reminiscent of LeWitt’s wall drawings. The code creates an SVG container sized to the browser window and appends 100 rectangles, each positioned at increasing x-coordinates with a fixed width, using the `document.createElementNS` API for SVG elements. The rendering relies solely on native DOM manipulation and CSS styling via an embedded stylesheet, with no external libraries beyond a Google Font import for the text styling.

Mmaciekawsq@gmail.com

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece by rendering a series of vertical black bars. Fifty rectangles, each 10 pixels wide, are spaced 20 pixels apart across the full screen height. The visualization is built entirely with the SVG API, creating elements via `document.createElementNS` and appending them to the root `<svg>`. The code runs automatically on page load, filling the browser window with the geometric pattern.

WWolfgang

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only straight vertical bars of uniform width. The code generates 100 rectangles in an SVG element, each spaced 20 pixels apart with a 10-pixel width, extending the full height of the viewport. It uses the DOM API’s `createElementNS` and `setAttribute` methods to construct and style the SVG shapes directly. The artwork fills the entire browser window by setting the SVG’s dimensions to the window’s inner width and height, creating a minimalist, repeating pattern that echoes LeWitt’s instructional art.

CCurran Kelleher

89% match