TD_Sol_Lewitt

100%

✓ Published1🌍 Public

Last edited Oct 17, 2022

Created on Oct 16, 2022

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, without any external libraries. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart, and filling the full height of the browser window. The rectangles are created dynamically in a loop using the `document.createElementNS` API and appended to an SVG element whose dimensions match `window.innerWidth` and `window.innerHeight`. The resulting pattern demonstrates a minimalist, systematic grid-based composition directly in the browser.

AI-generated description

Reproduce Sol Lewitt art TD_Sol_Lewitt

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Sol Lewitt picture

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG. The visualization shows a series of one hundred vertical rectangles evenly spaced across the full width of the browser window, each with a fixed width of 10 pixels and extending the entire height of the viewport. The code generates the SVG elements directly via the Document Object Model (DOM) API, using `document.createElementNS` and `setAttribute` to position and size each rectangle. The rendering relies on the browser’s native SVG support, with no external libraries or data sources involved.

FFrancisco Ibelles

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

89% match

Loading thumbnail…

Sol lewitt

This example creates a minimalist, generative wall drawing inspired by Sol LeWitt’s geometric instruction art. It displays a series of one hundred thin, evenly spaced vertical rectangles that span the full height of the browser window. The composition is rendered as SVG, constructed dynamically with the `document.createElementNS` and `svg.setAttribute` APIs, without using any external libraries. The code generates the pattern procedurally by looping through an index, setting each rectangle’s x position incrementally, resulting in a clean, grid-like visual.

OOluseyi Adeeko

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

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

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only SVG rendering. It draws 100 vertical rectangles, each 10 pixels wide, positioned at 20-pixel intervals across the full height of the browser window. The rectangles fill the viewport edge to edge, creating a rhythmic, striped pattern. The code creates the SVG element dynamically via `document.createElementNS` and appends each rectangle to it, with the window dimensions determining the overall canvas size.

AAndre J Denais

88% match

Loading thumbnail…

Sol Lewit Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using a simple generative SVG approach. It creates 100 narrow vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the full width of the browser window, with each rectangle stretching the full height of the viewport. The code builds the SVG dynamically using the raw DOM API (`document.createElementNS`) rather than a visualization library, setting the width and height attributes from the window’s inner dimensions. No data source is used; the pattern is purely algorithmic and deterministic.

Aayo

88% match