Fork of Sol LeWitt Reproduction

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing a grid of horizontal and vertical bars overlaid on a circle. It shows a geometric composition where a central circular area is filled with alternating stripes, created by masking a series of thin rectangles. The code uses the SVG API to construct elements, defining two masks (circle-mask and circle-mask-2) to control which bars are visible. The bars are generated by looping through 100 iterations, placing either horizontal strips with varying y-offsets or vertical strips with varying x-offsets, with the circle’s radius determined by the window dimensions.

Jjsoudeer

94% match

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of horizontal and vertical thin rectangular bars across the full viewport. The bars are partially revealed through two circular masks, creating a geometric pattern of intersecting lines within a central circular region. Using d3.select and range, the code generates 100 rect elements in each orientation, applying SVG mask elements with contrasting black-and-white fills to selectively show vertical bars inside one circle and horizontal bars inside another. The rendering is entirely SVG-based, with the artwork adapting to the browser window dimensions.

94% match

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

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, with no external libraries. It shows a grid of horizontal and vertical bars that intersect within two circular masks, creating a geometric composition of alternating stripes and gaps. The code generates 100 horizontal rectangles across the full width and 100 vertical rectangles down the full height, each masked to reveal only the areas inside the circles. The masks are constructed with SVG `mask` elements, combining black and white rects and circles to control visibility, and the result is a clean, minimal visualization of layered line patterns.

BBharath Vijay

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 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.

Fork of Sol LeWitt Reproduction

Fork of Sol LeWitt Reproduction