Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction Vertical

✓ Published1🌍 Public
WWasanta Pruttisarikorn
Last edited Nov 23, 2022
Created on Nov 23, 2022

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.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using only SVG and JavaScript, creating a grid of alternating horizontal and vertical bands. Two circular masks reveal the layered strokes: the first mask exposes vertical strips within a centered circle, while the second inverts that region to show horizontal strips outside it. The code generates 100 rectangles per direction, each 10 pixels thick, using the `document.createElementNS` API and SVG `mask` elements to compose the visual interplay. The result is a clean, geometric abstraction that mimics the artist’s instructional art style.

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

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing by generating a grid-like pattern of horizontal and vertical bars on an HTML5 SVG canvas. It uses SVG masks to create a central circular window: one mask hides everything except a 200-pixel-radius circle, while a second mask inverts that region. The code dynamically creates 100 horizontal and 100 vertical rectangles, each layered with alternating masks to produce the distinctive visual effect. The piece adapts to the browser’s full window dimensions, demonstrating algorithmic art generation through direct DOM manipulation and SVG APIs without external libraries.

LLiam Connors
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG shapes. It shows a grid of thin horizontal and vertical rectangles overlaid on the full viewport, with a circular mask creating a central aperture. The code uses the raw DOM API via `document.createElementNS` to build the SVG, `mask` elements to define clipping regions, and `rect` elements for the grid lines. Two complementary masks isolate the horizontal and vertical strokes, producing a clean intersection effect. No external libraries are used; the rendering relies entirely on native SVG attributes and JavaScript.

PPrince Kumar
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt wall drawing using pure JavaScript and the SVG API. It displays a grid of alternating horizontal and vertical stripes that intersect within central circular masks, creating a layered geometric pattern. The code constructs an SVG canvas with two circle masks—one revealing horizontal bars, the other vertical bars—overlaid to produce the final composition. No external libraries are used; all elements are created dynamically via `document.createElementNS` and styled with inline attributes.

Kktshim@snu.ac.kr
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example recreates a Sol LeWitt–inspired geometric composition using only SVG primitives and masking, showing a grid of thin vertical and horizontal bars that intersect to form a central circular void. The work emphasizes the contrast between ordered line work and negative space, creating a pseudo-visualization that mimics algorithmic drawing without encoding external data. The code relies on the raw DOM APIs `document.createElementNS` and `setAttribute` to construct the SVG elements, while two `<mask>` definitions with inverted fills (white background with black circle, black background with white circle) selectively reveal the vertical strokes inside the circle and the horizontal strokes outside it. No external libraries are used; the font is loaded via Google Fonts’ “Share Tech” for the text styling.

Ccome.grant@gmail.com
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction generates an abstract, grid-based composition entirely with SVG elements. It shows a central circular mask that reveals alternating horizontal and vertical stripes across the full screen. The code creates two masks—one with a black background and white circle, another with a white background and black circle—to control which stripes are visible. It uses the raw SVG DOM API via `document.createElementNS` to draw 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks applied to create the overlapping circle effect. No external libraries are used; only native JavaScript and SVG.

KKusumaKumariDama@my.unt.edu
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, showing a grid of vertical lines confined to a circular region at the center of the screen. The code creates an SVG mask with a white rectangle and black circle, then applies that mask to a series of thin vertical rectangles spaced every 20 pixels across the viewport. The result is a minimalist geometric composition where the line grid is visible only inside the circular window, mimicking LeWitt’s systematic drawing style.

Mmegan-grannan
92% match