Skip to main content
SimilarExport ZIP
100%

Fork of Reproduction of Sol LeWitt Innovation

✓ Published0🌍 Public
Ssorabh.vijay@gendigital.com
Last edited Jan 1, 2024
Created on Dec 22, 2023

This example reproduces Sol LeWitt’s geometric wall drawing as an interactive SVG composition. It shows a grid of horizontal and vertical lines whose visibility is masked to reveal a central circular cutout. The code constructs the SVG dynamically using raw JavaScript DOM methods (`createElementNS`, `setAttribute`) and defines two SVG masks—`circle-mask` and `circle-mask-2`—to invert the line patterns inside and outside the circle. Fifty parallel lines in each direction are placed with fixed 19-pixel spacing, and the masks alternately hide or reveal sections, creating a crisp two-tone optical effect.

AI-generated description

Episode 1 : Reproduction of Sol LeWitt Articles

Created by Satyum Singh Pathania .

Date : 4th December, 2023.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using an SVG rendering approach. It displays a grid of horizontal and vertical lines that intersect within two circular masks, creating a nested geometric pattern centered on the screen. The code constructs SVG elements dynamically via the Document API, using `createElementNS` to build rectangles and circles. Two masks (`circle-mask` and `circle-mask-2`) control visibility: the first reveals horizontal stripes inside a 200-pixel-radius circle, while the second exposes vertical stripes in the surrounding area, producing a layered, minimalist composition.

NNeel Mehta
92% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing using only raw SVG and JavaScript, with no external libraries. It displays a grid of alternating horizontal and vertical lines that remain visible only within two intersecting circular masks, creating a dynamic visual interplay between the line directions. The code builds the SVG dynamically by appending a set of horizontal rectangles masked by a black/white circle, and vertical rectangles masked by an inverse circle, both centered on the screen. The rendering relies on native SVG mask elements and DOM manipulation in plain JavaScript.

MMaras13
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It displays a grid of horizontal and vertical lines whose visibility is constrained by two circular masks: one reveals the horizontal lines inside a circle, while the other reveals vertical lines outside the same circle. The code uses the SVG `mask` and `mask` attribute to layer the intersecting line patterns. All elements are created programmatically with `document.createElementNS`, and the layout responds to the window’s dimensions. The artwork relies entirely on SVG primitives, without external libraries.

IIsabella Reyna
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition entirely through SVG elements. It shows a grid of horizontal and vertical bands that intersect within a centered circular boundary, creating a patterned interplay of lines and negative space. The code constructs the visualization using raw JavaScript and the SVG DOM API, creating two masks—one with a black background and white circle, the other with the inverse—to alternately reveal horizontal stripes inside the circle and vertical stripes outside it. One hundred rectangles are generated for each orientation, each masked to produce the final layered effect.

AAWLGAWLG
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive web visualization. It shows a grid of narrow horizontal and vertical lines that intersect, with a circular area in the center where the lines disappear. The piece is built using raw SVG manipulation in JavaScript, creating two masks—one with a black rectangle and white circle, another with a white rectangle and black circle—to selectively hide line segments. Horizontal and vertical rectangles are then generated in a loop and assigned to these masks, producing the final composition. The code uses the SVG namespace API and basic DOM methods.

DDzenad
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt artwork as an interactive SVG visualization. It shows a grid of horizontal and vertical lines masked into two overlapping circular areas, creating a geometric pattern. The code uses the SVG API to create elements programmatically, with `mask` elements defining the circular boundaries for each line set. Rectangles are generated in loops to build the pattern, and a CSS transition on `hover` shifts individual rectangles horizontally, adding a subtle interactive dimension. The rendering relies entirely on native browser SVG support rather than external libraries.

Mmotobernix@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt reproduction circle

This example reproduces Sol LeWitt’s geometric wall drawing using purely SVG and JavaScript DOM APIs. A circular mask is applied over a grid of horizontal and vertical rectangle strips, with two complementary masks alternating light and dark bands. The result is a clean, mask-based rendering of intersecting lines confined to a circle, created dynamically without any external visualization libraries. The code relies on raw SVG element creation and mask definitions to achieve the effect.

Nnitika1234567
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s minimalist wall drawing as an interactive SVG composition. It generates a grid of alternating horizontal and vertical rectangles, with a circular mask revealing only the central region of the layered shapes. The code uses the DOM API’s `createElementNS` to construct SVG elements directly, setting attributes like `width`, `height`, and `mask` programmatically. No external libraries are required, and the rendering adapts to the full browser viewport, creating a stark black-and-white geometric pattern inspired by the artist’s systematic approach.

WWasanta Pruttisarikorn
91% match