Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published1🌍 Public
Cchacon1@uic.edu
Last edited Feb 17, 2024
Created on Feb 16, 2024
Forked from SVG Fundamentals

This visualization reproduces a Sol LeWitt drawing using a generative approach, rendering a series of vertical bars. The bars are evenly spaced across the full width and height of the browser window, creating a rhythmic, minimalist composition. The code uses raw JavaScript with the Document Object Model (DOM) API to create SVG elements, specifically `document.createElementNS`. It dynamically sets the canvas size based on `window.innerWidth` and `window.innerHeight`, then iterates to append one hundred `rect` elements, each with a fixed width and spacing, to the SVG container.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt Repro

This generative visualization reproduces a Sol LeWitt wall drawing as a series of thin, full-height vertical bars. The piece fills the browser window with 100 equally spaced black rectangles, creating a minimalist, rhythmic pattern. The code dynamically sizes the SVG to the viewport’s inner width and height, and generates each bar using the native DOM API `document.createElementNS` within an SVG namespace. It relies on procedural repetition rather than external data, directly scripting each rectangle’s position and dimensions in a loop.

GGullyPlook
93% 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
93% 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
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt-style drawing using only vertical bars. It shows a grid of thin, evenly spaced rectangles that fill the entire viewport, creating a rhythmic, pattern-based composition. The visualization is generated entirely with the browser’s native SVG interface, using `document.createElementNS` to construct each rectangle element. The script sets the total number of bars to 100, positioning them at fixed intervals of 20 pixels along the x-axis while each bar spans the full height of the window. No external libraries are used, relying solely on standard JavaScript and the SVG namespace.

PPrince Kumar
92% 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 piece reproduces a Sol LeWitt-style generative drawing using only vertical bars. The work shows a series of 100 thin rectangles evenly spaced across the full width of the browser window, creating a regular, rhythmic grid-like pattern. The code generates the artwork by creating an SVG element and appending a rect for each iteration of a JavaScript loop, setting each bar’s x position to increment by 20 pixels while maintaining a constant width and height. The scene fills the entire viewport, as the SVG dimensions are set to the window’s inner width and height.

JJinpeng Li
92% 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
92% 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
91% match