Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt

✓ Published1🌍 Public
CCora
Last edited Apr 2, 2025
Created on Mar 22, 2025

A fork of Sol LeWitt generates a grid-based geometric pattern where horizontal and vertical lines intersect within a circular mask, with a rotating heart shape embedded at the center. The SVG rendering uses custom masks to selectively reveal or hide line clusters, and CSS keyframe animations drive the heart's rotation. Lines are drawn as 10-pixel-wide rectangles, and the entire composition fills the browser window via dynamically set width and height attributes.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization shows a geometric composition of thin horizontal and vertical lines forming a cruciform pattern, with darker bands where the strokes overlap. It uses a circular mask to hide line ends, creating a clean, clipped boundary around the central region. The code builds the SVG structure entirely with JavaScript APIs, including `document.createElementNS` and `setAttribute`, and applies two SVG masks (`circle-mask` and `circle-mask-2`) to alternate the visibility of the two line sets. The work is an algorithmic reproduction of a Sol LeWitt drawing, driven purely by nested loops and hard-coded dimensions.

AAnuja Panthari
89% match
Loading thumbnail…

Fork of Sol LeWitt

This is a generative art reproduction of a Sol LeWitt piece, rendered as a full-window SVG. It displays a grid of horizontal and vertical black bars that are masked into two concentric circular regions. The work uses two SVG masks: the first reveals only the horizontal bars within a central circle, while the second inverts that circle to show vertical bars everywhere else. The code constructs all elements dynamically via the DOM API, without external libraries.

Xxscotta@yahoo.com
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt artwork as an interactive SVG visualization. It shows a grid of horizontal and vertical lines masked into two overlapping circular areas, creating a geometric pattern. The code uses the SVG API to create elements programmatically, with `mask` elements defining the circular boundaries for each line set. Rectangles are generated in loops to build the pattern, and a CSS transition on `hover` shifts individual rectangles horizontally, adding a subtle interactive dimension. The rendering relies entirely on native browser SVG support rather than external libraries.

Mmotobernix@gmail.com
87% 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
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction renders a grid of horizontal and vertical stripes confined to two circular masks. The piece uses raw SVG elements created via the DOM API, with a mask containing a white circle over a black rectangle to reveal horizontal bars, and a second inverted mask to show vertical bars. Each stripe is a `rect` element positioned in a loop, with the masks applied via the `mask` attribute. The composition dynamically fills the browser window, creating a minimalist geometric interplay between line and void.

EErik L
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

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.

VVarun Senguttuvan
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition, displaying a grid of parallel horizontal and vertical stripes that intersect within a circular aperture at the center of the viewport. It shows a masked pattern where thick colored bars are selectively revealed or hidden by two complementary circular masks. The code builds the visualization using raw SVG elements created via the DOM API, including `document.createElementNS`, and applies masks (`<mask>`) with `<rect>` and `<circle>` shapes to control which stripes appear. No external libraries or data sources are used; the rendering relies entirely on procedural generation with fixed dimensions.

CCora
87% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by rendering intersecting horizontal and vertical lines on an SVG canvas. A central circle is isolated through two SVG masks, creating a geometric interplay where line patterns alternate between appearing within and outside the circular boundary. The code uses vanilla JavaScript with the SVG DOM API, generating 100 rectangle elements per axis and applying masks (`circle-mask` and `circle-mask-2`) to control visibility. The result mirrors LeWitt’s systematic, rule-based aesthetic without external libraries.

Llukasilg.sol@gmail.com
87% match