My Sol LeWitt

100%

✓ Published0🌍 Public

Last edited May 14, 2021

Created on May 14, 2021

The visualization displays a series of 60 thin vertical rectangles, spaced evenly across the entire width of the browser window, each extending the full height of the viewport. This creates a striped pattern reminiscent of Sol LeWitt’s minimalist wall drawings. Built with the SVG API, the code dynamically creates the viewport-sized canvas and appends each rectangle using `createElementNS` and `setAttribute`, adjusting both the x-position and width based on the window’s dimensions.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt

This example displays 50 vertical rectangles arranged in a repeating grid, filling the browser window with a pattern inspired by Sol LeWitt’s minimalist art. Each rectangle is positioned at an x-coordinate of 20 times its index, with a fixed width of 10 and a height equal to the full viewport. The visualization uses the SVG namespace and dynamically creates elements via `document.createElementNS`, setting width and height attributes from `window.innerWidth` and `window.innerHeight`. The code appends all shapes to a single SVG container without any interaction or data-driven updates.

Aavcwisesa

91% match

Loading thumbnail…

Sol LeWitt

This example generates a vertical field of narrow, evenly spaced black rectangles across the full height of the browser window, creating a rhythmic, striped composition reminiscent of Sol LeWitt’s wall drawings. It renders 100 SVG `<rect>` elements directly onto an `<svg>` created with the DOM API `document.createElementNS`. The rectangles are positioned incrementally along the x-axis at 20-pixel intervals, each with a fixed width of 10 pixels, while the height is set to match the window’s inner height. No external libraries are used; the visualization relies solely on native SVG parsing and JavaScript.

EEd Smale

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

87% match

Loading thumbnail…

Sol Lewitt

This example renders a full-screen SVG composed of one hundred vertical rectangles, each ten pixels wide, spaced twenty pixels apart. The rectangles are created programmatically using the native Document Object Model API, with `document.createElementNS` and `setAttribute` to construct each SVG `rect` element. The `window.innerWidth` and `window.innerHeight` properties define the canvas dimensions, while the fixed loop count determines the layout. The result is a minimalist, grid-like pattern inspired by Sol LeWitt’s geometric wall drawings, though no data source or interaction drives the composition.

BBaptPoi

87% match

Loading thumbnail…

Sol LeWitt art reproduction - attempt 2

This visualization reproduces a Sol LeWitt art piece using a series of vertical SVG rectangles that span the full height of the viewport. The code creates 100 rectangles, each 10 pixels wide, positioned at intervals of 20 pixels along the x-axis. It uses the Document Object Model (DOM) methods `createElementNS` and `appendChild` to construct the SVG elements programmatically. The rectangles are drawn directly in the browser window, with no external data source, relying entirely on JavaScript and the SVG API to generate the minimalist geometric composition.

Ddsims2157

86% match

Loading thumbnail…

Sol LeWitt Creation Horizontal

This example reproduces a Sol LeWitt-inspired wall drawing as a horizontal striped composition. The visualization fills the entire browser window with a series of 50 horizontal bands, each 10 pixels tall, stacked vertically with no gaps. The piece directly uses the Document Object Model (DOM) API to create SVG elements programmatically, generating rectangles via `createElementNS` and appending them to the document. The page relies on the browser’s `window.innerWidth` and `window.innerHeight` for its full-bleed dimensions, resulting in a clean, minimal, and generative aesthetic that echoes LeWitt’s instructional art.

Ddexuzi

86% match

Loading thumbnail…

Sol LeWitt reproduction Vertical

A minimalist web page reproduces a Sol LeWitt-style geometric composition by rendering one hundred thin vertical stripes atop a full-screen SVG canvas, with only the central circular region visible. The visualization uses a white SVG `<circle>` inside a `<mask>` to clip the stripes, creating a circular window that reveals the pattern against a blank background. Built entirely with native Document Object Model (DOM) methods such as `createElementNS` and `setAttribute`, the code programmatically generates each rectangle with fixed dimensions and spacing, driven by window dimensions. The result is a clean, deterministic art piece rather than a data-driven chart.

ZzolboBatsaikhan

86% match

Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt-inspired geometric drawing using SVG. A series of 100 horizontal rectangles, each 10 pixels tall and spaced 20 pixels apart, render across the full screen width. A circular mask centered on the viewport clips these rectangles, revealing only the lines inside the circle. The visualization uses plain JavaScript to create SVG elements dynamically, with no external libraries, and responds to the browser window’s dimensions for sizing.

Ttonkocorp

86% match