Sol LeWitt Reproduction final

100%

Sol LeWitt Reproduction final

✓ Published2🌍 Public

Last edited Mar 5, 2023

Created on Mar 5, 2023

Forked from Sol LeWitt Reproduction Vertical

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.

AI-generated description

a reproduction of a 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

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez

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

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

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical stripes that are partially revealed through two circular masks. The horizontal stripes are masked by a circle with a white fill on a black background, while the vertical stripes use the inverse mask, creating a cross-like interplay of lines within the circular region. Built with D3 v6, the code uses `selectAll` and `join` to create 100 rectangles in each direction, with `range(n)` providing the data. The SVG masks, defined via `mask` and `circle` elements, control which parts of the stripes are visible.

Jjv

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using overlapping horizontal and vertical stripes confined to a central circular area. The SVG rendering shows two sets of 100 thin rectilinear bands, with horizontal lines clipped by one circular mask and vertical lines by an inverted mask. Built with vanilla JavaScript and the SVG API, it creates elements dynamically, using mask elements and black-and-white fill values to alternate visibility between the two stripe orientations.

CCheah Peng Huat

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-style geometric drawing using layered horizontal and vertical bands that appear only within a central circular region. The piece shows a grid of striped rectangles intersecting with a circular cutout, creating the illusion of masked lines across the canvas. Built with vanilla JavaScript and the SVG API, the code constructs two mask elements—one revealing the horizontal stripes and another inverting the vertical ones—to clip the shapes. The rendering uses dynamic width and height values from the window, ensuring the composition scales to the full viewport.

SSergio

90% match

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

90% match