Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited May 18, 2022

Created on May 18, 2022

This is a generative visualization that reproduces a Sol LeWitt art piece by layering horizontal and vertical black-and-white stripes within a centered circular mask. The code uses the SVG API to create 100 horizontal rectangles and 100 vertical rectangles, each with a height or width of 10 pixels, and applies two distinct masks (`circle-mask` and `circle-mask-2`) to reveal the stripes only inside the circle. The first mask shows the horizontal bars, while the second mask inverts its effect to display the vertical bars, resulting in a crosshatched pattern over the entire viewport. The piece dynamically adapts to the browser window dimensions, with no external data source or libraries beyond the native DOM manipulation.

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 Sol LeWitt’s geometric art by layering 100 horizontal and 100 vertical stripes across the full screen. A circular mask in the center reveals only the horizontal stripes inside the circle, while an inverted mask outside the circle shows the vertical stripes. Using the SVG API, the code creates mask elements, rectangles, and circles programmatically, with each stripe set to a fixed width or height of 10 pixels. The rendering is entirely vector-based, driven by raw JavaScript and DOM manipulation without external libraries.

Jjustinhersom@gmail.com

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a geometric Sol LeWitt art piece using layered horizontal and vertical stripes. It shows a grid of thin, colored bars that are visible only within two circular regions in the center of the screen—one with horizontal lines and another with vertical ones. The work uses the raw SVG DOM API to create masks, rectangles, and circle elements, defining a black-and-white mask pattern to selectively reveal each stripe set. The rendering is static, displaying 100 stripes in each direction across the full browser viewport.

Cchrismryan

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt wall drawing using pure JavaScript and the SVG API. It displays a grid of alternating horizontal and vertical stripes that intersect within central circular masks, creating a layered geometric pattern. The code constructs an SVG canvas with two circle masks—one revealing horizontal bars, the other vertical bars—overlaid to produce the final composition. No external libraries are used; all elements are created dynamically via `document.createElementNS` and styled with inline attributes.

Kktshim@snu.ac.kr

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

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13

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

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

91% match