Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Final

✓ Published1🌍 Public
Kkwambokar
Last edited Aug 8, 2022
Created on Aug 8, 2022

This interactive HTML page reproduces Sol LeWitt's geometric art using dynamically generated SVG elements. It displays a grid of horizontal and vertical black lines, which are masked to reveal a central circular area where the lines are visible. The piece uses two SVG masks, `circle-mask` and `circle-mask-2`, to create the contrast. The first mask shows only the horizontal lines inside a 200-pixel radius circle, while the second mask reveals vertical lines in the surrounding area. The code utilizes the Document API to create the SVG structure and elements programmatically in JavaScript.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

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
93% 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
92% match
Loading thumbnail…

Sol LeWitt ReproductioN

This piece reproduces a Sol LeWitt wall drawing as an interactive SVG composition. It shows a grid of horizontal and vertical black lines that intersect across the full browser window, except within a circular mask centered on the screen. The code uses raw JavaScript to construct and append SVG elements, creating 100 horizontal and 100 vertical rectangles. Only the horizontal lines are clipped by the mask, which is defined using the SVG `mask` element and referenced via the `url(#circle-mask)` attribute, leaving the vertical lines unbroken. The work is generated entirely from the code’s geometry, echoing LeWitt’s instruction-based art.

Aag17@tutanota.de
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric piece using only SVG and JavaScript, creating an intricate grid of horizontal and vertical lines. It shows a large circular mask revealing a woven pattern of alternating line directions, with the circle centered on a full-screen canvas. The code builds the visualization by constructing SVG elements via the DOM API (`document.createElementNS`), defining two masks (`circle-mask` and `circle-mask-2`) to clip horizontal and vertical line groups. It generates 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks controlling visibility to create the overlapping effect. No external libraries are used; the rendering relies purely on raw SVG and JavaScript.

IIndranil Biswas
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of horizontal and vertical stripes, masked to reveal a central circular area where only horizontal lines appear, surrounded by vertical lines. The code uses raw Document Object Model (DOM) methods such as `document.createElementNS` and `setAttribute` to construct the SVG, with two mask definitions (`circle-mask` and `circle-mask-2`) controlling visibility. No external libraries are used; the rendering relies purely on SVG rectangles and masks in the browser.

PPareel Amre
91% 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
91% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This visualization reproduces a Sol LeWitt-inspired geometric drawing using an SVG scene under a circular mask. It shows a grid of fine black lines—horizontal strokes overlapped by vertical strokes—that remain visible only inside a centered circle, while the surrounding area stays blank. The code uses raw SVG element creation via `document.createElementNS` and `mask` elements to achieve the cutout effect. The rendering consists of 100 horizontal rectangles and 100 vertical rectangles, with the circle mask controlling visibility.

KKhanin Sisaengsuwanchai
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This piece re-creates a Sol LeWitt wall drawing as a responsive, browser-based SVG composition. It shows a grid of horizontal and vertical black bars that intersect only within a central circular region, creating a dynamic interplay of lines and void. The code uses the Document Object Model (DOM) API, specifically `createElementNS` and `setAttribute`, to construct SVG elements. It applies two SVG masks, `mask` and `mask2`, to limit the drawn rectangles to the circle’s area, with the horizontal bars masked by a white circle and the vertical bars by the inverse.

Aajoua
90% match