Final Sol LeWitt Reproduction

100%

Final Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Aug 10, 2023

Created on Aug 10, 2023

Forked from Fork of Sol LeWitt Reproduction

This SVG rendering reproduces a Sol LeWitt wall drawing as two intersecting sets of striped rectangles. A circular mask reveals horizontal black stripes on a white background, while a second mask reveals vertical stripes, creating a grid-like pattern within a central circular region. The code uses raw SVG elements—`rect`, `circle`, and `mask`—constructed dynamically with JavaScript, with dimensions tied to the browser window size.

AI-generated description

Reproduction of Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais

91% match

Loading thumbnail…

Sol LeWitt Reproduction final

This visualization reproduces a Sol LeWitt art piece using two intersecting sets of striped rectangles. A central circular mask reveals horizontal bands, while an inverse mask displays vertical bands, creating a crosshatched pattern that changes at the circle’s boundary. The code builds the SVG entirely with JavaScript’s `createElementNS`, using `<rect>` elements and `<mask>` definitions. No external libraries are used; the artwork is generated procedurally with 100 horizontal and 100 vertical strips.

IIgorGorin00

90% match

Loading thumbnail…

Sol LeWitt Reproduction Inverse

This interactive SVG reproduction of a Sol LeWitt wall drawing layers horizontal and vertical striped rectangles, creating a grid-like pattern that is revealed through two circular masks. The first mask uses a black background with a white circle to show only the horizontal bands inside the circle, while the second inverts this with a white background and black circle to display the vertical bands outside it. The code builds the entire composition dynamically via the DOM API, creating 100 striped rectangles per direction and applying the masks with `url(#circle-mask)` and `url(#circle-mask-2)`. The piece renders full-window, adapting to the viewport dimensions.

Aandu006@gmail.com

90% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s geometric wall drawing style by generating a grid of horizontal and vertical black stripes on a white background. A circular mask in the center of the SVG reveals only the stripes inside the circle, while a second inverted mask applies to the vertical lines, creating a layered crosshatch effect. The code uses raw SVG elements created via the DOM API (`document.createElementNS`), with two mask definitions (`<mask>` and `<mask2>`) to control visibility. The rendering is entirely procedural, with 100 rectangles in each direction, and no external data source or library beyond vanilla JavaScript and SVG.

Aalexscott-untitled

89% match

Loading thumbnail…

Sol LeWitt Reproduction

A minimalist web reproduction of Sol LeWitt’s geometric wall drawings, rendered as layered horizontal and vertical stripes in SVG. A circular mask isolates the intersection of the two sets of lines, creating a focal point against a full-screen canvas. The code constructs SVG elements programmatically via the DOM API, using two masks (`circle-mask` and `circle-mask-2`) and nested rects to alternate visible segments. It employs no external libraries, relying purely on native browser methods like `createElementNS` and `setAttribute` to draw 100 stripes in each direction.

Rrune@noergaard.dk

89% match

Loading thumbnail…

Sol LeWitt Reproduction Final

This reproduction of a Sol LeWitt drawing presents two sets of grid lines intersecting in a central circle. Horizontal black lines are visible within a circular mask, while vertical black lines appear in the area outside a second, smaller central circle. Built with pure JavaScript and the SVG API, it dynamically creates `<rect>` elements at regular intervals to form the grids. Two SVG masks, defined with `mask` and `circle` elements, control the visibility of each line set, revealing a crosshatched pattern at the center. The piece is generated code, directly implementing the artist's geometric instructions.

XXuân Vinh

89% match

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT wall drawing using two circular SVG masks to create a grid of alternating horizontal and vertical black lines. The first mask reveals only the horizontal stripes within a centered circle, while the second mask applies the opposite effect, showing vertical stripes outside that same circular region. The code builds the scene entirely with native SVG elements—masks, rectangles, and loops—rendering crisp geometric patterns that mimic LeWitt’s instructional art, with no external libraries or data sources.

NNafi

89% match