Fork of Sol LeWitt Reproduction observation

100%

Fork of Sol LeWitt Reproduction observation

✓ Published0🌍 Public

Last edited Jan 5, 2023

Created on Jan 5, 2023

This visualization reproduces a Sol LeWitt art piece, displaying a grid of thin horizontal and vertical lines that intersect only within a central circular region. The code creates an SVG canvas and uses two SVG masks (`circle-mask` and `circle-mask-2`) with inverted fills to control which rectangles are visible. One set of 100 horizontal strips is clipped by a white circle on a black mask, while another set of 100 vertical strips is clipped by a black circle on a white mask, producing a layered crosshatch effect inside the circle. The full-window black and white rectangles are rendered in plain HTML5 SVG without any external libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using an SVG rendering approach. It displays a grid of horizontal and vertical lines that intersect within two circular masks, creating a nested geometric pattern centered on the screen. The code constructs SVG elements dynamically via the Document API, using `createElementNS` to build rectangles and circles. Two masks (`circle-mask` and `circle-mask-2`) control visibility: the first reveals horizontal stripes inside a 200-pixel-radius circle, while the second exposes vertical stripes in the surrounding area, producing a layered, minimalist composition.

NNeel Mehta

94% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing a grid of horizontal and vertical black lines that intersect only within two circular regions. A circle at the center acts as a mask, revealing the line patterns where the two shapes overlap. The code uses the SVG API to create elements and defines two `mask` regions to selectively display the lines. The artwork is generated procedurally with JavaScript loops, drawing 100 horizontal and 100 vertical rectangles without any external data source.

FFilipKupanovac

94% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, displaying a grid of horizontal and vertical stripes that intersect within two circular masks on a full-screen SVG canvas. The work uses overlapping masked rectangles to create the geometric pattern, with the horizontal lines visible inside one circle and vertical lines inside another, reversing the color relationship through complementary masks. The code builds the SVG entirely through the raw Document Object Model API, creating elements such as `rect`, `circle`, and `mask` with `createElementNS` and `setAttribute`. It generates 100 stripes in each direction, spacing them evenly to form the minimalist composition.

LLívia Rocha

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG. A circular mask reveals a set of horizontal, evenly spaced rectangles that span the full width of the viewport, creating a striped pattern confined to a central circle. The code constructs the SVG dynamically via the `document.createElementNS` API, setting the mask’s circle radius to 200 pixels and drawing 100 rectangles at 20-pixel intervals with 10-pixel heights. No external libraries are used; the rendering relies entirely on native browser SVG elements and attributes.

Mmatrice-one

93% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using SVG elements and mask-based compositing. It shows a grid of horizontal and vertical stripes that intersect within a central circular region, creating a geometric pattern where line orientations alternate inside and outside the circle. The code uses raw SVG DOM manipulation via `createElementNS` to build rectangles and defines two masks (`circle-mask` and `circle-mask-2`) to control visibility. Horizontal stripes appear inside the circle, while vertical stripes fill the outer area, demonstrating how SVG masks can selectively reveal layered shapes.

MMarcus Vinicius da Silveira Richa

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing vertical and horizontal striped rectangles that are clipped by two circular masks, creating a circular intersection of alternating line directions. The vertical stripes are masked in one circle while horizontal stripes use an inverted mask, resulting in a striking contrast between the two orientations. Built with plain SVG and JavaScript, the code creates mask elements and rects dynamically, with redundant masked stripes generated but not appended, leaving the final composition to render only the active circle-based overlay.

Aanakin13

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt geometric art piece using a dynamic SVG composition of horizontal and vertical bands. It displays a grid of thin colored rectangles that form a distinct circular pattern through the use of two SVG masks, creating a visual interplay between the line orientation and the masked circle. The code builds the entire scene programmatically with the raw SVG API, generating 100 horizontal stripes and 100 vertical stripes in a loop. A circular mask reveals the horizontal lines against a fully visible background, while a second, inverse mask isolates the vertical lines within the same circle, producing the artwork’s layered effect.

Aadriana-ss

92% match