Sol Lewitt Reproduction

100%

Sol Lewitt Reproduction

✓ Published1🌍 Public

Last edited Jun 9, 2023

Created on Jun 8, 2023

Forked from hello

This reproduction of Sol LeWitt’s geometric art displays 100 vertical black stripes of varying width, all confined to a central circular region. The piece is generated using JavaScript and the SVG API, creating a mask that clips the rectangles to a circle. The rendering approach directly encodes the artwork's rule-based aesthetic, where each stripe’s position and thickness follow a simple iterative pattern rather than external data. The result highlights the intersection of algorithmic generation and minimalist visual composition.

AI-generated description

This is a reproduction of sol lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

A reproduction of a Sol LeWitt art piece generates an abstract composition of alternating horizontal and vertical stripes. The rendering uses SVG elements created via the `createElementNS` API, with a circular mask applied to the horizontal stripes to reveal only a central circle. The code computes stripe positions dynamically based on window dimensions, using a fixed stripe width of 10 pixels. No external libraries are used; the visualization relies entirely on native SVG and JavaScript.

KKai Stewart

90% 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

89% match

Loading thumbnail…

Sol LeWitt Reproduction

A minimalist web reproduction of Sol LeWitt’s geometric wall drawings, rendered as layered horizontal and vertical stripes in SVG. A circular mask isolates the intersection of the two sets of lines, creating a focal point against a full-screen canvas. The code constructs SVG elements programmatically via the DOM API, using two masks (`circle-mask` and `circle-mask-2`) and nested rects to alternate visible segments. It employs no external libraries, relying purely on native browser methods like `createElementNS` and `setAttribute` to draw 100 stripes in each direction.

Rrune@noergaard.dk

89% match

Loading thumbnail…

Sol Lewitt Reproduction - SVG

This example reproduces a Sol Lewitt conceptual drawing using only SVG and JavaScript. It renders two sets of horizontal and vertical striped rectangles that are masked to reveal a central circle, with each line pattern clipped differently to create the interplay of shapes. The code dynamically generates SVG elements via the DOM API, using masks and circles to control visibility, and adapts the artwork to the full browser window dimensions.

AAdil Zeshan

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez

89% match

Loading thumbnail…

Sol Lewitt Repro Vertical

This generative art piece reproduces Sol LeWitt’s conceptual aesthetic by rendering 100 alternating horizontal and vertical stripes across the full browser viewport, with a circular mask applied to each set. The stripes are created as SVG `rect` elements, with horizontal bars masked by a white circle and vertical bars masked by a black circle, producing a layered checkerboard-like interaction. The code uses raw SVG manipulation via `createElementNS` and `setAttribute`, with no external libraries. The masks (`circle-mask` and `circle-mask-2`) define a central 200-pixel-radius zone, revealing or hiding stripes dynamically based on the window’s dimensions.

GGullyPlook

89% match

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece combines two sets of SVG rectangles to create an intersecting pattern of vertical and horizontal stripes. The horizontal bands are clipped by a mask containing two white triangles, while the vertical bands are clipped by a second mask where black triangles punch holes in an otherwise white field. The code constructs the SVG and mask elements dynamically with the DOM API, drawing 100 stripes in each direction across the full viewport.

YYingkai Song

89% match