Sol Lewit Repro

100%

Sol Lewit Repro

✓ Published1🌍 Public

Last edited Sep 14, 2022

Created on Sep 13, 2022

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.

AI-generated description

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

Similar vizzes

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

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

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This example displays a series of 100 thin, vertical rectangles arranged horizontally across the screen, each spanning the full height of the browser window. It creates a minimalist, striped visual composition that fills the viewport. The code generates an SVG element using the Document API and sets its dimensions to match the window size. It then uses a JavaScript loop to create and append each rectangle, spacing them at 20-pixel intervals with a width of 10 pixels, resulting in a patterned grid-like aesthetic.

Nnreinig3@gatech.edu

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt-style drawing using an SVG canvas that fills the browser window. It generates 100 vertical rectangular stripes, each 10 pixels wide and spaced 20 pixels apart, spanning the full height of the viewport. The code creates SVG elements dynamically via the `createElementNS` API and sets attributes like `x`, `width`, and `height` directly, without any external libraries. The rendering approach relies purely on JavaScript and SVG, with no data source or interaction beyond the static geometric composition.

MMonWas

90% match

Loading thumbnail…

SOL LEWITT REPRODUCTION

This example reproduces a Sol LeWitt-style drawing using only JavaScript and SVG, rendering a series of vertical black rectangles across a white canvas. The code creates a full-window SVG element and programmatically appends 100 narrow rectangles, each spaced 20 pixels apart with a width of 10 pixels, using the `createElementNS` API from the SVG specification. The rectangles stretch the full height of the viewport, producing a minimalist grid-like pattern that echoes LeWitt's geometric wall drawings. The piece demonstrates generative art through direct DOM manipulation without any external libraries.

JJude-Clarke

90% match

Loading thumbnail…

Sol Lewitt Reproduction Vertical

This example reproduces a Sol LeWitt-style drawing as a vertical sequence of horizontal stripes, clipped by a circular mask centered on the screen. It shows how generative geometry can create a minimalist composition directly in the browser. The code uses raw SVG APIs via `document.createElementNS` and `setAttribute` to construct 100 rectangles, each 10 pixels tall, spanning the full viewport width. A `mask` element with a white circle limits visibility, while the page fills the entire window with no margins or scrolling. The rendering approach is entirely procedural, using only vanilla JavaScript and SVG without external libraries.

Eelgato_1994

89% match

Loading thumbnail…

Sol Lewwit

This example renders a minimalist generative composition inspired by Sol LeWitt’s geometric wall drawings. It creates 100 vertical rectangles of fixed width, evenly spaced across the viewport, with each rectangle’s height matching the full window height. The visualization dynamically adapts to the browser’s current dimensions using `window.innerWidth` and `window.innerHeight`. It constructs a raw SVG document via the Document Object Model (DOM) API, specifically `document.createElementNS` and `setAttribute`, without using any external libraries or frameworks.

PPeiyang Li

89% match

Loading thumbnail…

Sol Lewitt Reproduction

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.

Ssavalifestus75@gmail.com

89% match