Sol Lewitt Reproduction Vertical

100%

Sol Lewitt Reproduction Vertical

✓ Published0🌍 Public

Last edited Nov 7, 2021

Created on Nov 6, 2021

A vertical grid of black rectangular bars covers the full viewport, while a circular mask reveals only the horizontal lines crossing it, recreating a Sol Lewitt wall drawing. The piece uses plain SVG elements, with a white circle on a black rect defining the mask and two loops of one hundred `<rect>` elements generating the stripes. The artwork dynamically fills the browser window, with vertical bars spanning full height and horizontal bars clipped by the circle mask to create the layered optical effect.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Vertical

A web-based reproduction of Sol LeWitt’s wall drawing uses overlapping horizontal and vertical striped bands. The piece shows alternating white and black bars, with a central circular area where the vertical stripes appear, while the horizontal stripes remain visible around it. Built with raw SVG elements and the CSS mask API, the code creates two circle-shaped masks to toggle stripe visibility. The design fills the entire browser window, using a fixed stripe thickness of 10 pixels and no external data source.

WWolfgang

90% match

Loading thumbnail…

Sol Lewitt Reproduction Vertical

This visualization reproduces a Sol Lewitt art piece using only SVG elements. It draws 100 horizontal black rectangles, each 10 pixels tall and spaced 20 pixels apart, across the full width of the viewport. A circular mask (created with SVG `mask` and `circle` elements) is centered on the screen, clipping the rectangles so they are only visible within a round opening. The rendering is driven entirely by the Document Object Model (DOM) API, using `document.createElementNS` to generate raw SVG without any external libraries.

Kkwambokar

89% match

Loading thumbnail…

Sol LeWitt Reproduction Vert

A grid of thin horizontal and vertical rectangles creates a classic Sol LeWitt-style geometric composition. The piece shows a bold black-and-white striped field, but a circular mask in the center reveals the underlying pattern by clipping the horizontal lines. Using the SVG DOM API, the code creates 100 horizontal and vertical bars, with a masked circle defining the visible area. The rendering relies on native SVG elements and mask functionality, producing a crisp, minimalist study of repetition and negative space.

Aandu006@gmail.com

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

88% match

Loading thumbnail…

Sol Lewitt Repro Vertical

This generative art piece reproduces Sol LeWitt’s conceptual aesthetic by rendering 100 alternating horizontal and vertical stripes across the full browser viewport, with a circular mask applied to each set. The stripes are created as SVG `rect` elements, with horizontal bars masked by a white circle and vertical bars masked by a black circle, producing a layered checkerboard-like interaction. The code uses raw SVG manipulation via `createElementNS` and `setAttribute`, with no external libraries. The masks (`circle-mask` and `circle-mask-2`) define a central 200-pixel-radius zone, revealing or hiding stripes dynamically based on the window’s dimensions.

GGullyPlook

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

88% match

Loading thumbnail…

Sol LeWitt Reproduction

A full-window SVG reproduces a Sol LeWitt wall drawing by layering two sets of thin, evenly spaced rectangular bars that intersect at right angles. A circular mask constrains the first set of horizontal bars and a second, inverted circular mask hides the second set of vertical bars, creating a crisp circular boundary around the woven grid pattern. The rendering is generated procedurally with native DOM creation methods and SVG `mask` elements, using `document.createElementNS` to construct 100 horizontal and vertical rects without any external library.

Hhaithamradhi

88% match