Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt art reproduction - attempt 3

✓ Published1🌍 Public
Ddsims2157
Last edited Feb 14, 2023
Created on Feb 13, 2023

This page displays a full-height, vertical black stripe repeated across the screen to recreate a Sol LeWitt-style geometric drawing. It uses raw SVG via `document.createElementNS` and `svg.appendChild` to generate a hundred rectangular bars, each ten pixels wide and spaced twenty pixels apart. The page dimensions span the entire viewport and update the entire artwork based on the browser window size, while the README notes this is a reproduction of a Sol LeWitt art piece.

AI-generated description

A reproduction of a Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt art reproduction - vertical variant - attempt 3

A vertical grid of thin horizontal and vertical lines appears only within a central circular area, with the lines outside the circle hidden by an inverted mask effect. The piece generates 100 horizontal SVG rectangles and 100 vertical SVG rectangles, using two complementary SVG masks to reveal the horizontal set inside the circle and the vertical set outside it. The viewport dimensions drive the layout, making the artwork respond to the browser window size. This reproduction uses the native SVG DOM API via `createElementNS` and `setAttribute`.

Ddsims2157
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a geometric Sol LeWitt art piece using layered horizontal and vertical stripes. It shows a grid of thin, colored bars that are visible only within two circular regions in the center of the screen—one with horizontal lines and another with vertical ones. The work uses the raw SVG DOM API to create masks, rectangles, and circle elements, defining a black-and-white mask pattern to selectively reveal each stripe set. The rendering is static, displaying 100 stripes in each direction across the full browser viewport.

Cchrismryan
87% match
Loading thumbnail…

Fork of SVG Fundamentals - Sol LeWitt repro follow-along

This example reproduces a Sol LeWitt art piece using dynamically generated SVG rectangles. The code creates 100 vertical black bars, each 10 pixels wide, evenly spaced across the full window height, filling the browser viewport. It uses the Document API (`createElementNS`) to build SVG elements from scratch within JavaScript rather than a dedicated visualization library. The rendering approach directly mirrors LeWitt’s geometric, minimalist style by iterating through a fixed count of shapes.

MMichael Gomersall
87% match
Loading thumbnail…

Fork of Sol LeWitt Vertical

This example recreates a Sol LeWitt-inspired wall drawing as a dense field of uniform vertical bars rendered in black on a full-window SVG canvas. It shows how simple repetition of a geometric primitive can produce a rhythmic, minimalist composition. The code uses the raw Document Object Model API, creating 100 `rect` elements via `document.createElementNS` and appending them to an SVG root. Each rectangle is positioned at twenty-pixel intervals, with a fixed width of ten pixels and a height matching the browser viewport, filling the entire display area.

Eeric.r.thornhill@gmail.com
86% match
Loading thumbnail…

Fork of Sol LeWitt 2

This example reproduces a Sol LeWitt wall drawing as an abstract, geometric visualization. It shows a series of 100 thin, horizontal rectangles stacked vertically across the full height of the browser window, forming a simple striped pattern. The piece is rendered using the SVG API, creating each `rect` element dynamically via `document.createElementNS`. The code sets the width of each rectangle to match the viewport width, while the vertical position and height are determined by a loop increment, producing a clean, repetitive composition in the style of the original artwork.

Jjisu9393@naver.com
86% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG. It shows a series of 100 horizontal bars, each 10 pixels tall and spaced 20 pixels apart, filling the entire window. A circular mask clips the bars so that only the area inside a centered circle of radius 200 pixels is visible, creating the artwork’s distinctive striped disc. The code creates SVG elements programmatically via the DOM API, using `createElementNS` and `setAttribute` to build the mask and rectangles without any external libraries.

SShahin Alam
86% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG canvas. It displays a central white circular mask over a field of 100 horizontal black stripes, with the circle acting as a window that reveals the full-width bars. The piece uses the SVG DOM API directly, creating a mask and rectangles via JavaScript, without any external styling. Each stripe is 10 pixels tall, and the composition fills the entire browser viewport, adapting to the window’s dimensions.

JJaga-droid
86% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of Sol LeWitt’s art reproduction renders a black-and-white geometric composition using SVG. The code creates a full-screen SVG canvas and defines two circular masks, one with a black background and white circle, the other inverted, to frame the drawing. It then generates 100 horizontal rectangles, each 10 pixels tall, stacked vertically at 20-pixel intervals, applying the first mask to each rectangle. The result is a series of striped horizontal bands that appear only inside the circular viewing area, leaving the surrounding canvas blank.

Aavimonnuarnob
86% match