Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Homework

✓ Published0🌍 Public
Aajoua
Last edited Jan 24, 2023
Created on Jan 23, 2023

This example reproduces a Sol LeWitt art piece using animated SVG rectangles. It shows a dense field of horizontal and vertical colored lines, with a square cutout in the center revealing a different line pattern. The code uses the SVG mask API to create two masks: one revealing a small square and another hiding it, applying each to alternating line sets. Horizontal lines move via the Web Animations API (`animate`), while vertical lines remain static.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt art piece using two sets of horizontal and vertical SVG rectangles layered with circular masks. The first mask confines a series of 100 horizontal strips to a central circle, while a second inverted mask exposes vertical strips only outside that same circle. The code builds the SVG dynamically with `document.createElementNS`, setting each rectangle’s dimensions and applying the masks via URL references. The result is a geometric composition of alternating line directions, with no external data source—pure algorithmic drawing in the browser.

Llili463e
89% match
Loading thumbnail…

Reproduction Sol Lewitt Horizontal

This example reproduces Sol LeWitt’s horizontal wall drawing using animated SVG masks to create a shifting circular aperture over a grid of horizontal and vertical lines. The visualization shows a pulsing black-and-white circle that expands and contracts, revealing and hiding the underlying striped composition as the masks animate. Built entirely with raw SVG elements and the Web Animations API via `animate` and `animateTransform`, the code generates 950-pixel-wide rectangles and vertical strips, applying `mask` and `mask2` to alternate visibility. The circular mask radius animates over five seconds, while a separate rotation transform spins the vertical lines, mimicking LeWitt’s geometric rules.

KKhanAzmat
88% match
Loading thumbnail…

Sol LeWitt Reproduction

This interactive reproduction of Sol LeWitt’s geometric wall drawing uses the SVG JavaScript API to generate a grid of 48 vertical and horizontal lines. The piece shows a black square lattice, where each line passes through a circular mask, revealing alternating line directions inside and outside the ring. The code directly creates SVG elements, applying two different masks (`circle-mask` and `circle-mask2`) to alternate which lines are visible in the central disc. It runs in the browser, filling the viewport, and is planned for animation.

Ttverdone
87% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This reproduction of a Sol LeWitt wall drawing uses SVG to display two sets of perpendicular, evenly spaced horizontal and vertical lines. A circular mask restricts the visible pattern to a central disc, creating a clean, geometric composition. The code uses the Document API (`document.createElementNS`) to build the SVG structure and applies a `<mask>` with a `<circle>` to clip the lines. It generates one hundred horizontal and vertical `<rect>` elements, each ten pixels thick, with the horizontal band masked. The visual effect directly mimics LeWitt’s instructional art, translating his line-based system into an interactive browser window.

Rroyable88
87% match
Loading thumbnail…

Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-style geometric art piece using raw SVG and JavaScript. It shows a full-screen vertical grid of thin horizontal and vertical lines, with a central circular region highlighted by a mask. The rendering relies on the SVG `mask` element and dynamically created `rect` elements, using standard DOM APIs like `document.createElementNS`. The horizontal lines are clipped to a circle via the mask, while vertical lines span the full height, creating a layered, minimal composition.

JJinpeng Li
87% 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
87% match
Loading thumbnail…

Sol LeWitt Reproduction-Vertical

This example reproduces a Sol LeWitt vertical-striped artwork as an interactive SVG visualization. It shows a grid of thin, alternating horizontal and vertical white lines confined within a circular mask at the center of the screen. The code uses the SVG API to create 100 horizontal and 100 vertical rectangles, with a mask element and circle defining the circular crop. No external libraries are used; the rendering relies entirely on native Document Object Model (DOM) methods like `createElementNS` and `setAttribute`.

XXuân Vinh
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using SVG and JavaScript. A circular mask isolates a group of horizontal stripes, while un-masked vertical lines extend across the full canvas. The code generates 100 horizontal rectangles with a set height and 100 vertical rectangles, positioning them in a grid pattern via the `createElementNS` API. The mask, defined with a `circle` element, limits the horizontal stripes to a central circular region, creating a subtle intersection effect between the two sets of lines.

AArnulfotos
86% match