Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Aug 15, 2023

Created on Aug 14, 2023

This visualization reproduces a Sol LeWitt-style geometric artwork using overlapping horizontal and vertical striped rectangles, with a circular mask creating a central focal point. The horizontal bands rotate continuously via a CSS keyframe animation applied to the SVG elements. Built with D3.js, the code uses `select` and `range` to generate 100 rectangles in each direction, while two SVG masks (`circle-mask` and `circle-mask-2`) alternately reveal and hide the stripes, producing an inverted circular pattern at the center.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Sol Levitt's Art Reproduction

This visualization reproduces Sol LeWitt's geometric art using overlapping horizontal and vertical striped rectangles, masked to form a circular composition in the center of the viewport. The piece shows a grid-like pattern of alternating bands that intersect within a defined circular boundary against a contrasting background. The code uses D3.js selections and data joins (`selectAll`, `data`, `join`) to generate 100 horizontal and 100 vertical SVG rectangles across the full window dimensions. Two SVG masks (`circleMask`, `circleMask2`) apply inverted circle shapes to reveal or hide portions of the layered stripes, creating the characteristic LeWitt-style interplay of line and form.

Jjajinkyaa

93% match

Loading thumbnail…

Sol LeWitt

This visualization reproduces Sol LeWitt’s geometric style using overlapping horizontal and vertical stripe patterns. It shows a large circular mask that reveals alternating bands of stripes against a contrasting background. The code uses raw SVG elements via `document.createElementNS` to construct rectangles, masks, and circles. A single white circle and black circle are combined with two masks to clip the stripe layers, creating an interplay of positive and negative space. The rendering relies on SVG’s mask attribute and fills the full viewport with 100 stripes in each direction.

Ddalia.miliauskaite@me.com

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces the geometric style of Sol LeWitt using overlapping horizontal and vertical stripes. A central circular mask reveals the intersection pattern where the two sets of rectangles meet, creating a woven visual effect. The visualization is built with raw SVG elements, including two distinct `<mask>` definitions, and is rendered dynamically in a browser using JavaScript. The code programmatically generates all rectangles in loops, with the masks controlling visibility to achieve the final composition without external libraries.

Ccardoza-IPH

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical stripes that are partially revealed through two circular masks. The horizontal stripes are masked by a circle with a white fill on a black background, while the vertical stripes use the inverse mask, creating a cross-like interplay of lines within the circular region. Built with D3 v6, the code uses `selectAll` and `join` to create 100 rectangles in each direction, with `range(n)` providing the data. The SVG masks, defined via `mask` and `circle` elements, control which parts of the stripes are visible.

Jjv

91% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-inspired geometric composition using overlapping vertical and horizontal stripes, each masked by repeating symbol shapes. Two SVG masks alternate between black and white backgrounds with contrasting symbol cutouts, creating intersecting patterns of circles, crosses, and diamonds across the full viewport. The code uses D3 selections with `join` for data-driven rectangle generation, plus D3’s `symbol` and `symbols` to render mask shapes. Rendering occurs via SVG elements dynamically sized to `window.innerWidth` and `window.innerHeight`.

MMatthew Bruffey

90% match

Loading thumbnail…

Sol Lewitt Reproduction

This visualization reproduces a Sol LeWitt-inspired drawing using nested SVG masks to create a circular window onto a grid of horizontal and vertical stripes. A white circle masked over black reveals colored horizontal bars, while a second inverted mask on a white background exposes vertical bars in the surrounding area. The code builds the SVG dynamically with `document.createElementNS`, configuring two `<mask>` elements and generating 100 rectangular stripes in each direction. The colors alternate through the default black fill, producing a stark geometric pattern that fills the browser viewport.

Nnicolekevans

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT-inspired geometric composition using raw SVG and JavaScript. The visualization layers two sets of striped rectangles—one horizontal, one vertical—whose visibility is controlled by circular masks, creating a clean intersection of perpendicular lines within a central circle. The code constructs SVG elements programmatically via `document.createElementNS`, applying masks with a white circle on black and an inverted black circle on white to reveal alternating patterns. No external libraries are used; the rendering relies entirely on native SVG mask and rect primitives.

Aabhineetsingh10

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using overlapping horizontal and vertical stripes confined to a central circular area. The SVG rendering shows two sets of 100 thin rectilinear bands, with horizontal lines clipped by one circular mask and vertical lines by an inverted mask. Built with vanilla JavaScript and the SVG API, it creates elements dynamically, using mask elements and black-and-white fill values to alternate visibility between the two stripe orientations.

CCheah Peng Huat

90% match