Lewit_1

100%

✓ Published0🌍 Public

Last edited Dec 31, 2022

Created on Dec 31, 2022

A wall of thin, evenly spaced vertical bars fills the entire browser window, creating a striped, static pattern. The visualization generates 100 SVG rectangles, each 10 pixels wide and as tall as the viewport, positioned in sequence. Built with vanilla JavaScript and SVG, it derives its dimensions directly from `window.innerWidth` and `window.innerHeight`. The code uses `document.createElementNS` to construct the SVG elements and appends them to the page body, with minimal CSS to remove default margins and hide overflow.

AI-generated description

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

Similar vizzes

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

83% match

Loading thumbnail…

Lewitt

This example renders a full-screen SVG visualization inspired by the minimalist art of Sol LeWitt. It draws a single vertical rectangle at a fixed x position that spans the entire height of the viewport, using the browser’s `window.innerHeight` and `window.innerWidth` to size the canvas. The code creates the SVG element via the `document.createElementNS` API and appends a `rect` element without an explicit loop, resulting in one static line. The visualization relies on vanilla JavaScript and SVG, with no external libraries or data source.

Ffatihkose80

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

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

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

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

79% match

Loading thumbnail…

Sol LeWitt Vertical

This visualization recreates Sol LeWitt's geometric aesthetic using a vertical stack of 100 thin, full-width rectangles. Each rectangle is spaced 20 pixels apart, creating a rhythmic, repetitive pattern that fills the entire browser viewport. The code builds SVG elements dynamically via the Document Object Model API, using `createElementNS` to generate the `<rect>` elements and appending them to an `<svg>` container whose dimensions are set to match the window’s `innerWidth` and `innerHeight`. No external libraries are used, relying purely on vanilla JavaScript and SVG.

JJMeltzer92

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

79% match