Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Horizontal

✓ Published1🌍 Public
Wwspwll@gmail.com
Last edited Jul 15, 2024
Created on Jul 15, 2024

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

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

Sol LeWitt Reproduction Vert

A grid of thin horizontal and vertical rectangles creates a classic Sol LeWitt-style geometric composition. The piece shows a bold black-and-white striped field, but a circular mask in the center reveals the underlying pattern by clipping the horizontal lines. Using the SVG DOM API, the code creates 100 horizontal and vertical bars, with a masked circle defining the visible area. The rendering relies on native SVG elements and mask functionality, producing a crisp, minimalist study of repetition and negative space.

Aandu006@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
91% 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
90% match