Fork of Sol LeWitt Reproduction

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

Fork of Sol LeWitt Reproduction

Llukasilg.sol@gmail.com

Fork of Sol LeWitt Reproduction

Llukasilg.sol@gmail.com

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

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

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

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH

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