Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Vertical

✓ Published1🌍 Public
IIgorGorin00
Last edited Mar 5, 2023
Created on Mar 5, 2023

A vertical Sol LeWitt reproduction renders 100 horizontal stripes, each 10 pixels tall, clipped by a circular mask centered on the screen. A second set of 100 vertical stripes, also 10 pixels wide, overlays the horizontal ones without masking. The piece uses plain SVG created via the Document Object Model (`document.createElementNS`), with a `<mask>` element and a white circle to define the visible circular region. The page fills the browser window, with stripes spaced 20 pixels apart, producing the grid-like optical effect characteristic of LeWitt’s wall drawings.

AI-generated description

a reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Vertical

A web-based reproduction of Sol LeWitt’s wall drawing uses overlapping horizontal and vertical striped bands. The piece shows alternating white and black bars, with a central circular area where the vertical stripes appear, while the horizontal stripes remain visible around it. Built with raw SVG elements and the CSS mask API, the code creates two circle-shaped masks to toggle stripe visibility. The design fills the entire browser window, using a fixed stripe thickness of 10 pixels and no external data source.

WWolfgang
91% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style vertical composition, displaying 100 horizontal stripes that are visible only within a circular region at the center of the screen. The piece shows how a simple geometric pattern can be masked to create a focused, minimalist art aesthetic. The code uses the SVG DOM API via `document.createElementNS` to construct elements directly, with a `<mask>` element and a white `<circle>` defining the visible area. Black `<rect>` elements of varying heights are generated in a loop and apply the mask using the `url(#circle-mask)` attribute, all rendered across the full browser viewport.

CCurran Kelleher
91% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This reproduction of a Sol LeWitt wall drawing uses SVG to display two sets of perpendicular, evenly spaced horizontal and vertical lines. A circular mask restricts the visible pattern to a central disc, creating a clean, geometric composition. The code uses the Document API (`document.createElementNS`) to build the SVG structure and applies a `<mask>` with a `<circle>` to clip the lines. It generates one hundred horizontal and vertical `<rect>` elements, each ten pixels thick, with the horizontal band masked. The visual effect directly mimics LeWitt’s instructional art, translating his line-based system into an interactive browser window.

Rroyable88
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s geometric wall drawing style by generating a grid of horizontal and vertical black stripes on a white background. A circular mask in the center of the SVG reveals only the stripes inside the circle, while a second inverted mask applies to the vertical lines, creating a layered crosshatch effect. The code uses raw SVG elements created via the DOM API (`document.createElementNS`), with two mask definitions (`<mask>` and `<mask2>`) to control visibility. The rendering is entirely procedural, with 100 rectangles in each direction, and no external data source or library beyond vanilla JavaScript and SVG.

Aalexscott-untitled
90% match
Loading thumbnail…

Sol LeWitt reproduction Vertical

A minimalist web page reproduces a Sol LeWitt-style geometric composition by rendering one hundred thin vertical stripes atop a full-screen SVG canvas, with only the central circular region visible. The visualization uses a white SVG `<circle>` inside a `<mask>` to clip the stripes, creating a circular window that reveals the pattern against a blank background. Built entirely with native Document Object Model (DOM) methods such as `createElementNS` and `setAttribute`, the code programmatically generates each rectangle with fixed dimensions and spacing, driven by window dimensions. The result is a clean, deterministic art piece rather than a data-driven chart.

ZzolboBatsaikhan
90% 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
90% match
Loading thumbnail…

Sol LeWitt Reproduction

A reproduction of a Sol LeWitt art piece generates an abstract composition of alternating horizontal and vertical stripes. The rendering uses SVG elements created via the `createElementNS` API, with a circular mask applied to the horizontal stripes to reveal only a central circle. The code computes stripe positions dynamically based on window dimensions, using a fixed stripe width of 10 pixels. No external libraries are used; the visualization relies entirely on native SVG and JavaScript.

KKai Stewart
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style geometric composition as a vertical grid of alternating vertical and horizontal stripes. It shows a structured visual pattern where two circular masks define regions of overlap, creating a cross-shaped interplay of lines. The rendering uses plain SVG elements—`rect` and `circle`—with two custom masks (`circle-mask` and `circle-mask-2`) to control which stripes appear in each area. The code dynamically generates 100 vertical and 100 horizontal rectangles, each styled with a distinct mask, to achieve the final layered effect. No external libraries are used; the visualization relies solely on native SVG and JavaScript.

Mmaciekawsq@gmail.com
89% match