Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
Llukasilg.sol@gmail.com
Last edited Apr 30, 2024
Created on Apr 30, 2024

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing intersecting grids of horizontal and vertical lines with a circular mask that cuts through them, creating a dynamic interplay between geometric structure and negative space. The code generates SVG rectangles directly using the DOM API, and employs two SVG masks—one to reveal the lines inside the circle and another to hide them outside—producing the layered effect. The piece is built with vanilla JavaScript and SVG elements, while the imported d3 library is present in the code but not utilized in the rendering logic.

Rrose3d@gmail.com
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction observation

This visualization reproduces a Sol LeWitt art piece, displaying a grid of thin horizontal and vertical lines that intersect only within a central circular region. The code creates an SVG canvas and uses two SVG masks (`circle-mask` and `circle-mask-2`) with inverted fills to control which rectangles are visible. One set of 100 horizontal strips is clipped by a white circle on a black mask, while another set of 100 vertical strips is clipped by a black circle on a white mask, producing a layered crosshatch effect inside the circle. The full-window black and white rectangles are rendered in plain HTML5 SVG without any external libraries.

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

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG rendering approach. The visualization displays a grid of horizontal and vertical lines that are masked to create concentric circular patterns at the center of the viewport. The code dynamically generates 100 rectangular strips for each orientation, using inline SVG mask elements to clip the lines into the circular shapes. The piece runs entirely with native JavaScript DOM manipulation, creating the `svg`, `rect`, `mask`, and `circle` elements without external libraries.

AAdekola Aliu
94% 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
93% match