Skip to main content
SimilarExport ZIP
100%

Sol Lewitt Reproduction Vertical

✓ Published1🌍 Public
Pphamdiem280496@gmail.com
Last edited May 1, 2026
Created on May 1, 2026

This example reproduces a Sol LeWitt-inspired drawing using an SVG composed of horizontal and vertical bars. The horizontal bars are clipped by a circular mask, creating a central white circle, while the vertical bars span the full canvas height. The visualization is built with plain JavaScript and the SVG DOM API, manipulating elements via `createElementNS` and `setAttribute`. No external libraries are used, and the drawing is generated procedurally with two loops to create the grid-like pattern.

AI-generated description
MIT Licensed

Similar vizzes

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

Sol LeWitt Reproduction Horizontal

This example reproduces a Sol LeWitt-style geometric drawing, showing a grid of black horizontal and vertical bars that intersect within a central circular area. The rendering uses JavaScript to construct an SVG scene directly, employing two SVG masks (`circle-mask` and `circle-mask-2`) to clip the alternating bar orientations. The first mask reveals horizontal stripes inside a 200-pixel-radius circle, while the second mask reveals vertical stripes in the surrounding area, creating a continuous pattern that swaps orientation at the circle’s boundary. All shapes are generated procedurally via the Document API, with no external data source.

Wwspwll@gmail.com
92% match
Loading thumbnail…

Sol Lewitt Reproduction vertical

This example reproduces a Sol LeWitt-inspired drawing using SVG, rendering 100 horizontal bars masked by a central circle. The code builds the visualization dynamically with the `document.createElementNS` API, creating a white rectangle and black circle to define the mask, then looping through the bars. Each bar is 10 pixels tall, spaced 20 pixels apart, and clipped by the `url(#circle-mask)` reference. The visualization fills the entire browser window, with the mask and bars sized based on `window.innerWidth` and `window.innerHeight`, producing a geometric composition of stripe-like shapes.

HHéloïse Feldmann
92% match
Loading thumbnail…

Sol LeWitt Repro Vertical

This example reproduces a Sol LeWitt drawing using the SVG API. It displays a grid of horizontal and vertical black bars on a white background, creating an intersecting pattern. A circular mask reveals only the horizontal lines within its radius, while a second, inverted mask reveals only the vertical lines outside that same circle. The code constructs the masks and bars dynamically with `createElementNS` and `setAttribute`, using the document’s width and height for full-screen coverage.

SSam Hege
92% match
Loading thumbnail…

Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG elements. It shows a grid of horizontal and vertical lines confined to a circular mask, creating a clean, geometric composition. The visualization is generated procedurally with JavaScript, using the Document Object Model (DOM) APIs to create SVG nodes. A white circle on a black mask defines the visible area, while 100 horizontal rectangles and 100 vertical rectangles are drawn across the full canvas, with the horizontal set clipped by the mask. The code relies on native browser APIs such as `document.createElementNS` and `setAttribute`, with no external libraries.

PPrince Kumar
91% 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
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
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style wall drawing using only the native Web API, generating a grid of horizontal and vertical bars contained within a circular boundary. The visualization shows a large central circle filled with evenly spaced black horizontal strips, while the area outside the circle displays similarly spaced vertical strips against a white background. The code builds an SVG scene, using two SVG `mask` elements to selectively reveal the horizontal and vertical rectangles. It constructs each rectangle individually in JavaScript loops, with the masks controlling which bars appear inside or outside the circle based on their fill colors.

JJacky Wu
90% match