Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Apr 21, 2021

Created on Apr 12, 2021

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.

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

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

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This example displays a Sol LeWitt-inspired geometric composition, rendering a series of vertical black bars across a white background. The code creates a full-screen SVG canvas using the native JavaScript `document.createElementNS` API. It draws 100 rectangles, each 10 pixels wide and spaced 20 pixels apart, with heights set to match the viewport’s inner height. The rigid, repeated pattern mirrors LeWitt’s minimalist wall drawings, and the approach directly translates a simple algorithmic grid into scalable vector graphics.

Rroyable88

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

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

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

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

91% match

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

91% match