Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Vertical

✓ Published0🌍 Public
SSergio
Last edited Aug 18, 2025
Created on Aug 18, 2025

This piece recreates a Sol LeWitt-inspired drawing as a dynamic, full-screen SVG. The visualization shows a series of 100 horizontal black bars, each 10 pixels tall, confined to a circular aperture centered on the screen. The code generates the artwork procedurally, using JavaScript to build the SVG structure and the `mask` element to clip the rectangles into the circle. The result is a clean, generative geometric composition that responds directly to the browser window's dimensions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt
93% match
Loading thumbnail…

Sol LeWitt Reproduction vertical

This is a generative SVG reproduction of Sol LeWitt’s wall drawing, shown vertically across the full browser viewport. A circular mask, defined via SVG `<mask>` and a white circle, reveals only the central region of a grid of 100 horizontal and 100 vertical black rects. The horizontal rects are layered beneath the vertical ones and clipped by the mask, creating a contrasting circular window. The piece uses raw JavaScript DOM manipulation with `document.createElementNS` to build the SVG elements dynamically, with no external libraries.

Lliu yang
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt wall drawing using SVG. It displays a grid of horizontal and vertical bars, but only within two circular regions at the center of the canvas. Outside these circles, the rectangular elements are hidden. The code creates two SVG masks to control the visibility: the first mask reveals a white circle over a black background for the horizontal bars, while the second mask uses a black circle on white to show the vertical bars. All elements are generated procedurally through the SVG API in a single HTML file.

Xxyzcorrupt@gmail.com
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This piece presents a minimalist, generative art reproduction of a Sol LeWitt wall drawing, rendered as a full-screen SVG. The code creates one hundred vertical bars, each ten pixels wide and spaced twenty pixels apart, filling the canvas height. Using the SVG API via JavaScript, it programmatically constructs rectangles within the browser window, producing a simple, rhythmic pattern of black lines against a white background. The work demonstrates a direct, code-based approach to recreating conceptual art's geometric aesthetics.

Aalexscott-untitled
91% match
Loading thumbnail…

Sol LeWitt Reproduction - Vertical

This SVG reproduction of Sol LeWitt’s *Vertical* artwork overlays a grid of horizontal and vertical black bars on a white background, with a circular mask revealing the central intersection. Using the raw SVG DOM API, the code creates 99 horizontal and 99 vertical rectangles, each 10 pixels thick and spaced 20 pixels apart, then applies a `<mask>` containing a centered white circle on a black rectangle to clip the bars, leaving only the circular region visible.

Ppeter.sime@gmail.com
91% match
Loading thumbnail…

Sol Lewitt Reproduction Vertical

This visualization reproduces a Sol Lewitt art piece using only SVG elements. It draws 100 horizontal black rectangles, each 10 pixels tall and spaced 20 pixels apart, across the full width of the viewport. A circular mask (created with SVG `mask` and `circle` elements) is centered on the screen, clipping the rectangles so they are only visible within a round opening. The rendering is driven entirely by the Document Object Model (DOM) API, using `document.createElementNS` to generate raw SVG without any external libraries.

Kkwambokar
91% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style drawing using raw SVG elements created via the `document.createElementNS` API. It shows a grid of thin horizontal and vertical rectangles that are revealed only within two circular regions at the center of the screen, achieved through SVG masks. The first mask uses a white circle on a black background to show the horizontal bars, while the second mask inverts the colors to display the vertical bars. The layout adapts to the window size, and the 100 bars in each direction are generated procedurally with no external data source.

Aadityapalliyil0@gmail.com
91% match
Loading thumbnail…

Sol LeWitt Reproduction

The piece reproduces a Sol LeWitt drawing as an interactive SVG, showing a large circular area filled with dense vertical and horizontal bars that shift in orientation. The rendering stacks black grid lines across the full canvas, then applies an SVG mask to reveal only the bars inside the circle’s boundary. The circle is then rotated via an SVG transform, with the mask defined in the `http://www.w3.org/2000/svg` namespace. All geometry is computed from the browser’s window dimensions, and the artwork is generated entirely through the DOM API (`createElementNS`, `setAttribute`).

Bbjfmbeck
91% match