Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published1🌍 Public
Llili463e
Last edited May 15, 2023
Created on May 15, 2023
Forked from SVG Fundamentals

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.

AI-generated description

A reproductionof a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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