Fork of Sol LeWitt Reproduction-

100%

Fork of Sol LeWitt Reproduction-

✓ Published0🌍 Public

Last edited May 12, 2022

Created on May 12, 2022

A generative SVG artwork reproduces a Sol LeWitt piece by filling a central circular mask with 100 horizontal bars. Two SVG mask elements define the visible circle and a second matching circle used as a cutout. The page constructs each bar as a `rect` element via the browser's `document.createElementNS` API, applying `url(#circle-mask)` to clip the stripes. Bars are evenly spaced at 20-pixel intervals, with a 10-pixel height, against a full-window black background, directly implementing the geometric composition in plain JavaScript and SVG, with no 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 page reproduces a Sol LeWitt drawing using an SVG mask to create a circular viewport. The code generates 100 horizontal and 100 vertical stripes, masking each set so that the horizontal lines appear within a central circle, while the vertical lines are visible outside it, producing a clean geometric contrast. It uses the SVG DOM API directly, creating elements via `document.createElementNS` and applying masks with `url(#circle-mask)` and `url(#circle-mask-2)`. The composition adapts to the browser window’s current dimensions with no data source beyond the generated shapes.

JJane

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG elements. It generates 100 vertical rectangles, each 10 pixels wide, that span the full height of the viewport. A circular mask, centered on the screen with a 200-pixel radius, limits the visible portion of these bars, creating a clean, geometric composition. The code uses the SVG `mask` element and dynamically creates rectangles and the circle via standard DOM APIs, with no external libraries or data sources.

Ssariyya-abdullayeva

91% match

Loading thumbnail…

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

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt wall drawing using pure JavaScript and the SVG API. It displays a grid of alternating horizontal and vertical stripes that intersect within central circular masks, creating a layered geometric pattern. The code constructs an SVG canvas with two circle masks—one revealing horizontal bars, the other vertical bars—overlaid to produce the final composition. No external libraries are used; all elements are created dynamically via `document.createElementNS` and styled with inline attributes.

Kktshim@snu.ac.kr

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG. It shows a series of 100 horizontal bars, each 10 pixels tall and spaced 20 pixels apart, filling the entire window. A circular mask clips the bars so that only the area inside a centered circle of radius 200 pixels is visible, creating the artwork’s distinctive striped disc. The code creates SVG elements programmatically via the DOM API, using `createElementNS` and `setAttribute` to build the mask and rectangles without any external libraries.

SShahin Alam

91% match

Loading thumbnail…

Fork of sol l. reprod. v.

This example recreates Sol LeWitt’s generative art using raw SVG elements created through the DOM API. The piece displays a grid of horizontal and vertical bars whose placement and thickness are computed from the viewport dimensions. A circular mask, defined as a separate SVG mask, applies a hole to the vertical bars, while a second mask with a white circle reveals the horizontal bars. The result is a dynamic, mask-based interplay of intersecting lines that echoes LeWitt’s systematic, rule-driven aesthetic. The code generates rectangles and circle masks entirely via JavaScript’s `document.createElementNS`, with no external libraries.

Kkhaledakanan@gmail.com

91% match

Loading thumbnail…

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

91% match