Sol Lewitt Reproduction

100%

Sol Lewitt Reproduction

✓ Published1🌍 Public

Last edited Dec 29, 2023

Created on Dec 29, 2023

This visualization reproduces a Sol Lewitt-inspired drawing using a series of vertical bars. The code generates 100 rectangles using the SVG API, positioning each one 20 pixels apart with a width of 10 pixels, creating a repeating striped pattern that spans the full height of the browser window. The rendering approach is procedural and algorithmic, with the SVG elements created dynamically via JavaScript’s `createElementNS` method and appended to the document body. The bars’ spacing is hardcoded, producing a clean, minimalist geometric composition.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-inspired drawing using SVG, rendering 100 horizontal bars masked by a central circle. The code builds the visualization dynamically with the `document.createElementNS` API, creating a white rectangle and black circle to define the mask, then looping through the bars. Each bar is 10 pixels tall, spaced 20 pixels apart, and clipped by the `url(#circle-mask)` reference. The visualization fills the entire browser window, with the mask and bars sized based on `window.innerWidth` and `window.innerHeight`, producing a geometric composition of stripe-like shapes.

HHéloïse Feldmann

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces the minimalist aesthetic of a Sol LeWitt wall drawing. It displays a series of vertical black bars that are evenly spaced across the full height of the browser window, creating a rhythmic, grid-like pattern. The piece works by using JavaScript to dynamically generate SVG `rect` elements within the HTML document. The code sets the number of rectangles to 100, positions them at intervals of 20 pixels, and gives each a width of 10 pixels, resulting in an abstract, geometric composition that fills the screen.

KKhatera Alizada

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-inspired geometric composition using only SVG rectangles, creating a rhythmic pattern of vertical bars across the full viewport. The code generates 100 rectangles, each 10 pixels wide and positioned at 20-pixel intervals, using the Document Object Model (DOM) method `createElementNS` to construct SVG elements in plain JavaScript. The rectangles stretch from the top to the bottom of the window, with their height tied to the viewport’s dimensions. The minimalist approach mirrors LeWitt’s instructional art style, relying on simple, repeated shapes to produce a clean, abstract visual statement.

CCeciliaW888

91% match

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

90% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using raw SVG elements created directly through the DOM API. It shows a series of 100 thin vertical rectangles evenly spaced across the full height of the browser viewport, creating a minimalist striped pattern. The visualization uses `document.createElementNS` to generate SVG `rect` elements, setting each rectangle’s width to 10 pixels and its horizontal offset to 20 pixels apart. No external libraries are used, relying purely on vanilla JavaScript and CSS to render the geometric composition dynamically based on the window size.

HHéloïse Feldmann

90% match

Loading thumbnail…

Sol lewitt

This example renders an interactive-free generative drawing inspired by Sol LeWitt, filling the browser viewport with a series of vertical bars. The artwork is created using raw SVG elements via the Document Object Model API, specifically `createElementNS` and `setAttribute`, inside a plain HTML page. A loop of 100 iterations draws rectangles with a fixed x-position and incrementing width, extending full height, producing a striped composition. The code relies solely on vanilla JavaScript and SVG, with no external libraries, and automatically adapts to the window's dimensions.

EErik L

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

89% match

Loading thumbnail…

Sol Lewit Repro

This example presents a generative art piece inspired by Sol LeWitt, rendered by drawing a series of vertical stripes across the full browser window. The visualization uses raw JavaScript with the Document Object Model (DOM) API, specifically creating Scalable Vector Graphics (SVG) elements via `document.createElementNS`. The code generates 100 rectangles, positioning each one along the x-axis with a fixed width and making them stretch the entire height of the viewport, resulting in a clean, minimal striped pattern that echoes LeWitt's systematic wall drawings. The artwork automatically adapts to the current window dimensions.

HHayden-V

89% match