Sol LeWitt Vertical Variant

100%

Sol LeWitt Vertical Variant

✓ Published1🌍 Public

Last edited Mar 21, 2023

Created on Mar 21, 2023

A generative art reproduction of a Sol LeWitt piece creates a vertical grid of horizontal and vertical bars. A circular mask, defined using raw SVG elements, limits the visibility of the horizontal bars to a central disc. The code builds the SVG document and its elements directly via the DOM API in vanilla JavaScript, using `document.createElementNS` and `setAttribute`. The composition shows structured, rule-based line work that contrasts the masked circle with the surrounding rectangular bands.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Repro Vertical

This example reproduces a Sol LeWitt drawing using the SVG API. It displays a grid of horizontal and vertical black bars on a white background, creating an intersecting pattern. A circular mask reveals only the horizontal lines within its radius, while a second, inverted mask reveals only the vertical lines outside that same circle. The code constructs the masks and bars dynamically with `createElementNS` and `setAttribute`, using the document’s width and height for full-screen coverage.

SSam Hege

90% match

Loading thumbnail…

Sol LeWitt Reproduction vertical

This is a generative SVG reproduction of Sol LeWitt’s wall drawing, shown vertically across the full browser viewport. A circular mask, defined via SVG `<mask>` and a white circle, reveals only the central region of a grid of 100 horizontal and 100 vertical black rects. The horizontal rects are layered beneath the vertical ones and clipped by the mask, creating a contrasting circular window. The piece uses raw JavaScript DOM manipulation with `document.createElementNS` to build the SVG elements dynamically, with no external libraries.

Lliu yang

89% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt art piece using two sets of horizontal and vertical SVG rectangles layered with circular masks. The first mask confines a series of 100 horizontal strips to a central circle, while a second inverted mask exposes vertical strips only outside that same circle. The code builds the SVG dynamically with `document.createElementNS`, setting each rectangle’s dimensions and applying the masks via URL references. The result is a geometric composition of alternating line directions, with no external data source—pure algorithmic drawing in the browser.

Llili463e

89% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This reproduction of a Sol LeWitt wall drawing uses SVG to display two sets of perpendicular, evenly spaced horizontal and vertical lines. A circular mask restricts the visible pattern to a central disc, creating a clean, geometric composition. The code uses the Document API (`document.createElementNS`) to build the SVG structure and applies a `<mask>` with a `<circle>` to clip the lines. It generates one hundred horizontal and vertical `<rect>` elements, each ten pixels thick, with the horizontal band masked. The visual effect directly mimics LeWitt’s instructional art, translating his line-based system into an interactive browser window.

Rroyable88

89% match

Loading thumbnail…

Sol LeWitt art reproduction - vertical variant

This example reproduces a Sol LeWitt art piece in a vertical variant, displaying a grid of thin vertical rectangles overlaid on a full-screen SVG. The code creates a single visual pattern using two circular masks centered on the viewport, each defined with a white rectangle and black circle via the SVG `mask` element. One hundred narrow rectangles are then rendered across the screen using `document.createElementNS`, with the masks selectively revealing portions of the grid. The artwork uses no external libraries, relying solely on native SVG DOM manipulation within a script.

Ddsims2157

88% match

Loading thumbnail…

Fork of Sol LeWitt Vertical Variant

This visualization reproduces a Sol LeWitt-style geometric composition on a full-screen SVG canvas. It shows a grid of thin horizontal and vertical bars intersecting around a central circular void, creating a cross-shaped negative space. The piece uses two SVG masks to selectively reveal either the horizontal or vertical rectangles. One mask shows a white circle on a black background, while the other is inverted; JavaScript loops generate 100 rectangles in each orientation, each assigned one of the masks to achieve the layered effect.

Ttriciascully

88% match

Loading thumbnail…

Sol LeWitt vertical

This visualization presents a generative art piece inspired by Sol LeWitt's geometric style. It displays a series of vertical black bars distributed across the canvas, but the pattern is interrupted by a central circular region. The circle acts as a mask, selectively revealing or hiding portions of the bars within its radius. The code uses raw SVG and JavaScript, creating elements via `document.createElementNS`, setting a mask with a circle shape, and dynamically generating the bars in a loop. The display is adjusted to fill the browser window's dimensions.

NNico-Nico

88% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, displaying a grid of narrow horizontal rectangles that become visible only within a central circular mask. The code creates an SVG canvas via `document.createElementNS`, defines a mask with a single circle, and generates 100 stacked `<rect>` elements, each 10 pixels tall, that intersect the mask to form the final composition. The result is a precise, minimal geometric pattern whose vertical bands are revealed through the circular aperture, mimicking the clean, systematic aesthetic of LeWitt's wall drawings without any external libraries.

AAndre J Denais

88% match