Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
Cchrismryan
Last edited Jun 13, 2022
Created on Jun 13, 2022

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.

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
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
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
Loading thumbnail…

Fork of Sol LeWitt Reproduction

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.

SScott-Zeta
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing a grid of horizontal and vertical bars overlaid on a circle. It shows a geometric composition where a central circular area is filled with alternating stripes, created by masking a series of thin rectangles. The code uses the SVG API to construct elements, defining two masks (circle-mask and circle-mask-2) to control which bars are visible. The bars are generated by looping through 100 iterations, placing either horizontal strips with varying y-offsets or vertical strips with varying x-offsets, with the circle’s radius determined by the window dimensions.

Jjsoudeer
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction renders a grid of horizontal and vertical stripes confined to two circular masks. The piece uses raw SVG elements created via the DOM API, with a mask containing a white circle over a black rectangle to reveal horizontal bars, and a second inverted mask to show vertical bars. Each stripe is a `rect` element positioned in a loop, with the masks applied via the `mask` attribute. The composition dynamically fills the browser window, creating a minimalist geometric interplay between line and void.

EErik L
92% 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
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
91% match