Skip to main content
SimilarExport ZIP
100%

week 3

✓ Published0🌍 Public
Mmavercikalvin
Last edited Feb 15, 2023
Created on Feb 15, 2023

This piece reproduces a Sol LeWitt wall drawing as an interactive web visualization. It displays a grid of alternating horizontal and vertical black-and-white stripes that intersect within two circular mask regions at the center of the screen. The code builds the artwork using raw SVG elements created via the `createElementNS` API, applying `mask` and `mask2` with circular cutouts to selectively reveal the stripe patterns. One hundred horizontal rectangles and one hundred vertical rectangles are generated programmatically, with each set clipped by a different mask to achieve the layered visual effect.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

ep 2 Sol LeWitt

A web page reproduces a Sol LeWitt wall drawing using SVG, where horizontal and vertical stripes are clipped by two circular masks to create overlapping geometric forms. The page builds the composition dynamically with JavaScript, creating a full-screen SVG and adding one hundred horizontal bands intersected by one hundred vertical bands. Each band, drawn as a thin rectangle, is masked so that horizontal stripes appear within one circle and vertical stripes within another, producing the characteristic minimal, grid-like pattern. The code uses the SVG `<mask>` element and `document.createElementNS` API to assemble the artwork entirely in the browser.

Nneojournalist
84% match
Loading thumbnail…

W3 Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG composition of alternating horizontal and vertical stripes. A central circular mask reveals horizontal black bars over a white background, while a second inverted mask reveals vertical black bars, creating a checkerboard-like optical effect. The piece uses two SVG `<mask>` elements with `<circle>` and `<rect>` primitives to define the visible regions, and generates 100 striped rectangles in each direction via a JavaScript loop.

AAlenka Guček
83% match
Loading thumbnail…

Sol LeWitt

This visualization recreates Sol LeWitt’s geometric wall drawings using overlapping horizontal and vertical striped bands. A central circular mask reveals the intersection of both patterns, while the surrounding areas remain blank. The code builds SVG elements manually with `createElementNS`, applying two separate circle-based masks to clip groups of thin rectangles. No external libraries are used; rendering relies entirely on raw SVG masks and rect primitives at a fixed 100-line count per direction.

Ddanheavern
83% 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
83% match
Loading thumbnail…

My Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using only raw JavaScript and the SVG API. It shows a grid of alternating horizontal and vertical stripes masked into two triangular shapes, creating a geometric interplay of line and form. The code builds an SVG canvas, defines two circle masks containing white and black triangles, and then appends 50 horizontal and vertical rectangle strips. These strips use the masks to reveal the triangular compositions, directly mimicking LeWitt’s instruction-based art without any external libraries.

Aaryan0821
83% 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
83% 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
83% match
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
83% match