Skip to main content
SimilarExport ZIP
100%

Joe LeWitt Reproduction

✓ Published1🌍 Public
Ccssergio
Last edited May 22, 2022
Created on May 22, 2022
Forked from Untitled

This piece reproduces the geometric aesthetic of a Sol LeWitt wall drawing using SVG rectangles. The code generates one hundred vertical bars, each ten pixels wide, spaced evenly across the full height of the browser window. It directly manipulates the SVG DOM via `document.createElementNS` and `setAttribute` in vanilla JavaScript, without any external libraries. The composition fills the viewport based on `window.innerWidth` and `window.innerHeight`, creating a minimal, systematic grid that echoes LeWitt’s instructional art.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Joe LeWitt Reproduction Vertical

This SVG reproduction of a Sol LeWitt art piece creates a vertical composition of intersecting horizontal and vertical bands. The rendering uses JavaScript to generate 100 horizontal and 100 vertical rectangles, each with a height or width of 10 pixels and spaced 20 pixels apart, which are then constrained by circular masks centered on the canvas. Two masks, `circle-mask` and `circle-mask2`, define circular regions that reveal only a portion of the striped grid, producing a dynamic interplay between the geometric lines and the negative space. The artwork is built entirely with native SVG elements and the DOM API, sized to the full browser window.

Ccssergio
90% match
Loading thumbnail…

Fork of Joe LeWitt Reproduction

This piece generates 100 vertical and 100 horizontal rectangular bars across the full canvas. Two SVG masks, each combining a white rectangle with a black or white circle, constrain the bars into two circular regions at the center. The code directly creates SVG elements via the DOM API, with no external libraries, and is a reproduction of a Sol LeWitt artwork.

Ccssergio
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using an abstract geometric composition of repeated vertical bars. The SVG canvas fills the entire browser window, with one hundred thin rectangles evenly spaced across the width, each extending the full height of the viewport. The code generates each rectangle dynamically via the SVG DOM API, setting the x position and width attributes in a loop. The work highlights the minimalist aesthetic of LeWitt’s instructional art through a purely algorithmic, code-driven rendering approach.

KKerotyzzzmo
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using dynamically generated SVG rectangles. It renders 100 vertical bars of fixed width, spaced evenly across the full viewport height, creating a minimalist grid pattern that fills the browser window. The visualization works by creating an SVG element with the DOM API `document.createElementNS`, setting its dimensions to match the window, and appending each rectangle with explicit `x`, `width`, and `height` attributes. No external libraries are used; it relies entirely on native JavaScript and SVG shape creation.

WWasanta Pruttisarikorn
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This piece presents a minimalist, generative art reproduction of a Sol LeWitt wall drawing, rendered as a full-screen SVG. The code creates one hundred vertical bars, each ten pixels wide and spaced twenty pixels apart, filling the canvas height. Using the SVG API via JavaScript, it programmatically constructs rectangles within the browser window, producing a simple, rhythmic pattern of black lines against a white background. The work demonstrates a direct, code-based approach to recreating conceptual art's geometric aesthetics.

Aalexscott-untitled
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
86% 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
86% 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
85% match