Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
VVarun Senguttuvan
Last edited Aug 14, 2024
Created on Aug 14, 2024

A generative SVG reproduction of a Sol LeWitt wall drawing renders a grid of alternating horizontal and vertical black lines. Masks—the SVG `mask` element—isolate the line patterns within two separate circular regions, creating a layered intersection effect. The drawing uses a procedural loop to create 100 line elements in each orientation with a 20-pixel offset. The result is a minimalist, geometric composition where the line-based structure is defined by the mask APIs rather than explicit drawing commands.

AI-generated description

A reproduction of a [Sol Lewitt art piece]

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that recreates a Sol LeWitt wall drawing using SVG elements. It renders a full-screen grid of horizontal and vertical stripes, with a central circular area masked to show the horizontal lines while the surrounding area displays vertical lines. The code uses the SVG DOM API directly to create and manipulate `rect` and `circle` elements, along with `mask` definitions to control visibility. The pattern is generated programmatically across the entire canvas, with each stripe having a fixed width and height.

Ssenghok789@gmail.com
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It displays a grid of horizontal and vertical lines whose visibility is constrained by two circular masks: one reveals the horizontal lines inside a circle, while the other reveals vertical lines outside the same circle. The code uses the SVG `mask` and `mask` attribute to layer the intersecting line patterns. All elements are created programmatically with `document.createElementNS`, and the layout responds to the window’s dimensions. The artwork relies entirely on SVG primitives, without external libraries.

IIsabella Reyna
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of thin horizontal and vertical black lines intersecting within two overlapping circular masks, creating a geometric pattern where line density varies. The code uses the SVG DOM API to create `<rect>` elements, `<mask>` definitions, and `<circle>` shapes without any external libraries. The visualization generates 100 horizontal and 100 vertical stripes, each clipped by a complementary mask to produce the circular cutout effect against the full viewport.

SSamuel Aregbesola
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example recreates a Sol LeWitt art piece using generative SVG drawing. It shows a grid of thin horizontal and vertical lines that are selectively revealed through two circular masks, creating a cross-shaped pattern within a central circle. The code builds the visualization entirely with raw SVG elements and the DOM API, using `createElementNS` and `setAttribute` to construct rectangles and masks. The masks, defined as `circle-mask` and `circle-mask-2`, combine black and white fill layers to control which line segments remain visible, producing the final geometric composition.

EEmanuele Pizzuti
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing a grid of horizontal and vertical black lines that intersect only within two circular regions. A circle at the center acts as a mask, revealing the line patterns where the two shapes overlap. The code uses the SVG API to create elements and defines two `mask` regions to selectively display the lines. The artwork is generated procedurally with JavaScript loops, drawing 100 horizontal and 100 vertical rectangles without any external data source.

FFilipKupanovac
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using an SVG rendering approach. It displays a grid of horizontal and vertical lines that intersect within two circular masks, creating a nested geometric pattern centered on the screen. The code constructs SVG elements dynamically via the Document API, using `createElementNS` to build rectangles and circles. Two masks (`circle-mask` and `circle-mask-2`) control visibility: the first reveals horizontal stripes inside a 200-pixel-radius circle, while the second exposes vertical stripes in the surrounding area, producing a layered, minimalist composition.

NNeel Mehta
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using generative linework confined to circular masks. Horizontal and vertical striped rectangles are layered across the full canvas, with an SVG mask revealing only the central circular area for each orientation. The piece uses pure JavaScript and the SVG API, creating two masks and drawing one hundred striped rectangles of alternating orientation. The result is a minimalist, geometric composition that directly emulates LeWitt’s instructional art style.

JJulia Ustits
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13
92% match