Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction-Vertical

✓ Published1🌍 Public
XXuân Vinh
Last edited Oct 17, 2023
Created on Oct 17, 2023

This example reproduces a Sol LeWitt vertical-striped artwork as an interactive SVG visualization. It shows a grid of thin, alternating horizontal and vertical white lines confined within a circular mask at the center of the screen. The code uses the SVG API to create 100 horizontal and 100 vertical rectangles, with a mask element and circle defining the circular crop. No external libraries are used; the rendering relies entirely on native Document Object Model (DOM) methods like `createElementNS` and `setAttribute`.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt art piece using two sets of horizontal and vertical SVG rectangles layered with circular masks. The first mask confines a series of 100 horizontal strips to a central circle, while a second inverted mask exposes vertical strips only outside that same circle. The code builds the SVG dynamically with `document.createElementNS`, setting each rectangle’s dimensions and applying the masks via URL references. The result is a geometric composition of alternating line directions, with no external data source—pure algorithmic drawing in the browser.

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

Sol LeWitt Reproduction - vertical

This piece recreates Sol LeWitt’s vertical line drawing by rendering 100 horizontal and 100 vertical SVG rectangles across the full viewport. A circular mask, defined with two SVG `<mask>` elements, restricts each set of lines to a central ring: white lines appear inside the circle, while black lines fill the area outside it. The code builds all elements imperatively using `document.createElementNS` and `setAttribute`, with no D3 methods applied despite the library being imported. The result is a crisp, geometric interplay of line orientation and masked contrast.

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

Sol LeWitt Reproduction Vertical

This visualization reproduces a Sol LeWitt-inspired geometric drawing using an SVG scene under a circular mask. It shows a grid of fine black lines—horizontal strokes overlapped by vertical strokes—that remain visible only inside a centered circle, while the surrounding area stays blank. The code uses raw SVG element creation via `document.createElementNS` and `mask` elements to achieve the cutout effect. The rendering consists of 100 horizontal rectangles and 100 vertical rectangles, with the circle mask controlling visibility.

KKhanin Sisaengsuwanchai
91% match