Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Oct 27, 2022

Created on Oct 27, 2022

A grid of black vertical and horizontal lines fills the browser window. The piece reproduces a Sol LeWitt drawing by generating evenly spaced lines based on the window’s dimensions. The core HTML5 SVG API is used directly, creating line elements via `document.createElementNS` and setting their coordinates with `setAttribute`. Vertical lines are spaced at one eighteenth of the usable width, while horizontal lines are spaced at one ninth of the height.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction - Vertical Lines

This example reproduces a Sol LeWitt drawing using JavaScript and the SVG API. It creates a full-screen SVG canvas and draws 100 vertical black rectangles, each 10 pixels wide and spaced 20 pixels apart, with no horizontal variation. The code uses `document.createElementNS` and `setAttribute` to generate the rectangles dynamically. The piece directly references LeWitt's instruction-based art, presenting a simple, systematic grid of vertical lines that fills the entire browser window, adapting to its dimensions.

Aajoua

90% match

Loading thumbnail…

Sol LeWitt Reproduction-VerticalLine

This example reproduces a Sol LeWitt art piece using an SVG canvas that fills the browser window. It shows a grid of one hundred thin vertical black lines, evenly spaced across the full height of the viewport. The code creates each line as an SVG `rect` element, setting its `x` position by multiplying an index by 19 pixels. The rendering relies solely on the native DOM API `document.createElementNS` for SVG, with no external visualization libraries.

XXuân Vinh

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

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…

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

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

87% match

Loading thumbnail…

Sol LeWitt Repro

This generative art reproduction of a Sol LeWitt piece creates a minimalist vertical line composition. The artwork displays a series of thin, black rectangular bars evenly spaced across the entire height of the browser window. The code uses raw SVG elements created via `document.createElementNS` with the SVG namespace, iterating one hundred times to place each rectangle at increasing x-coordinates. The rendering approach is purely algorithmic, using JavaScript to dynamically generate the graphics based on the viewer's window dimensions, with no external data source or visualization library involved.

Ttriciascully

86% match

Loading thumbnail…

Sol LeWitt Repro

This reproduction of a Sol LeWitt wall drawing arranges four bordered SVG panels in a CSS grid, each containing a series of thick black vertical lines. The top-left panel, visible in the code, draws lines at ten-pixel intervals from x=10 to x=370, creating a dense, rhythmic stripe pattern that mimics LeWitt’s systematic, rule-based aesthetics. The artwork is rendered entirely with inline SVG `line` elements, each with a 5-pixel stroke-width, and uses no JavaScript libraries or external data, relying instead on hardcoded coordinates and simple HTML/CSS grid layout for its structure.

SSam Hege

86% match