Fork of Sol LeWitt Reproduction je

100%

Fork of Sol LeWitt Reproduction je

✓ Published0🌍 Public

Last edited Feb 25, 2023

Created on Feb 25, 2023

This example shows a generative SVG reproduction of a Sol LeWitt wall drawing, rendered as a series of horizontal bands. The code uses the D3.js selection and data-join API to create 100 rectangular marks, each positioned vertically and sized to cover the full window width. A circular mask, defined in SVG and applied to every rectangle, clips the bands into a circular disk, mimicking the geometric aesthetic of LeWitt’s instructional art. The rendering approach relies on raw JavaScript to construct the SVG elements and apply the mask attribute.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using D3.js version 7.3.0, generating a grid-like pattern of alternating vertical and horizontal bands over the full browser viewport. The artwork uses two SVG masks—one with a white circle punched through black and another with a black circle on white—so that vertical stripes appear only within the circular region, while horizontal stripes are visible everywhere except inside that circle. The code constructs 100 rectangles in each orientation via `selectAll` and `data().join()`, setting positions and dimensions to cover the canvas.

SSamuele Greco

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using only SVG and JavaScript, creating a grid of alternating horizontal and vertical bands. Two circular masks reveal the layered strokes: the first mask exposes vertical strips within a centered circle, while the second inverts that region to show horizontal strips outside it. The code generates 100 rectangles per direction, each 10 pixels thick, using the `document.createElementNS` API and SVG `mask` elements to compose the visual interplay. The result is a clean, geometric abstraction that mimics the artist’s instructional art style.

Mmavercikalvin

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative artwork presents a minimalist geometric pattern of horizontal and vertical bands. The composition shows a dense grid of thin, parallel lines in both orientations, with a circular region in the center creating a distinct visual contrast. The piece uses D3.js version 6.6.1, specifically the `select`, `range`, and `append` APIs, to generate and render the SVG elements. The rendering applies two SVG masks with `circle` elements to invert the visibility of the lines within the central circular area, creating an overlapping effect.

Jjv

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript. It shows a grid of overlapping horizontal and vertical bands, where a circular area in the center is masked to reveal only the vertical lines, while the outer region displays only the horizontal ones. The code builds the SVG via `document.createElementNS`, creates two SVG `<mask>` elements with circle and rect primitives to control visibility, and renders 100 rectangles per axis. No external libraries are used; the rendering entirely relies on native browser SVG APIs.

PPurshotam Bohra

91% match

Loading thumbnail…

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

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical bands that intersect within a circular boundary. It shows how simple geometric repetition creates a complex moiré-like pattern, with the circle acting as a focal point where the two orientations overlap. The code builds SVG elements dynamically using raw JavaScript and the DOM API, drawing rectangles at fixed 20-pixel intervals and applying two SVG masks—one to reveal the horizontal stripes inside the circle and another to show vertical stripes outside it. It imports `selection` from the D3 library, though the rendering relies entirely on manual SVG creation rather than D3’s data-binding methods.

Aag17@tutanota.de

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using raw JavaScript and the SVG API. It generates a grid of horizontal and vertical stripes, masked by two inverse circular masks to create a composition of intersecting lines. The code directly creates SVG elements via `document.createElementNS`, setting attributes for rectangles and masks to control the visible pattern. The rendering is dynamic, adapting to the browser window's full width and height.

DDilara Bozkurt

91% match