Skip to main content
SimilarExport ZIP
100%

Sol LeWitt X

✓ Published0🌍 Public
Eeric.r.thornhill@gmail.com
Last edited May 12, 2025
Created on May 12, 2025

This generative visualization creates an "X" composition using two overlapping white rectangles, with horizontal lines visible only inside the X and vertical lines appearing only outside it. Built with raw JavaScript and the SVG API, the sketch uses `<mask>` elements to control line visibility: a mask with black X shapes hides vertical strokes inside the form, while an inverse mask reveals horizontal strokes only within the X. Black horizontal and vertical bars are drawn in loops at 20-pixel spacings, each masked to achieve the alternating pattern across the full viewport. The piece dynamically sizes to the browser window and uses no external libraries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt
82% match
Loading thumbnail…

Sol LeWitt Vertical

This generative visualization creates a minimalist grid of horizontal and vertical bars, inspired by Sol LeWitt’s geometric art and the bar chart taxonomy. It renders 100 horizontal stripes (masked to a central circle) and 100 vertical full-height lines, forming a dense crosshatch pattern. Built with raw JavaScript and the SVG DOM API, the code dynamically creates elements using `document.createElementNS` and applies a `mask` with a black circle to clip the horizontal bars, while the vertical bars remain unmasked, producing a striking contrast. No data is loaded; the piece is purely algorithmic, using the browser window dimensions for scaling.

Vvmistry94@gmail.com
82% match
Loading thumbnail…

Sol Lewitt

A generative art visualization recreates Sol LeWitt’s geometric style by layering 100 horizontal and 100 vertical striped rectangles over the full viewport. Two SVG masks combine to create a central circular window: the horizontal stripes are visible inside a white circle, while the vertical stripes appear outside it. The code builds the SVG programmatically using standard DOM APIs such as `createElementNS` and `setAttribute`, with masks (`mask`, `mask2`) controlling the blend of the two line grids.

Aadonisacruz0@gmail.com
82% match
Loading thumbnail…

Sol LeWitt Reproduction

A pure JavaScript and SVG reproduction of a Sol LeWitt wall drawing renders 100 thin vertical black rectangles across the full viewport height. The piece does not use a data source or external libraries; instead, it constructs an SVG dynamically via `document.createElementNS`, setting each rectangle’s `x` attribute to `i * 20` and a fixed `width` of 10 pixels. With no interaction, the result is a minimal, grid-like geometric composition that mirrors LeWitt’s systematic, rule-based instructions, generating a clean, abstract visual pattern directly in the browser.

Wwspwll@gmail.com
82% match
Loading thumbnail…

Sol LeWitt

This visualization recreates Sol LeWitt’s geometric wall drawings using overlapping horizontal and vertical striped bands. A central circular mask reveals the intersection of both patterns, while the surrounding areas remain blank. The code builds SVG elements manually with `createElementNS`, applying two separate circle-based masks to clip groups of thin rectangles. No external libraries are used; rendering relies entirely on raw SVG masks and rect primitives at a fixed 100-line count per direction.

Ddanheavern
82% match
Loading thumbnail…

Sol LeWitt Repro w/ vanilla JS

A full-screen SVG reproduction of a Sol LeWitt wall drawing displays two interlocking sets of thin vertical and horizontal bars. A central circular mask inverts the visibility of the two grids, creating a stark contrast between the denser vertical lines inside the circle and the horizontal lines outside. The piece is built with vanilla JavaScript, dynamically creating SVG elements and applying mask definitions without any external libraries. The code generates one hundred vertical and one hundred horizontal rectangles, using the `mask` attribute to alternate their visibility based on the circle’s boundary.

Hhelloelectro
82% match
Loading thumbnail…

Sol Lewitt

This generative visualization creates a geometric pattern inspired by Sol LeWitt’s wall drawings, using only SVG and JavaScript without external libraries. It overlays two sets of 100 rectangular stripes—vertical and horizontal—onto a full-screen canvas. A circular mask isolates a centered ring where horizontal stripes are inverted, while a second mask carves a solid white circle ring from the vertical stripes. The result is a repeating grid whose central region shifts contrast, producing an optical interplay of lines and negative space.

Kkrunalpalande
82% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt-style geometric drawing using layered horizontal and vertical bands that appear only within a central circular region. The piece shows a grid of striped rectangles intersecting with a circular cutout, creating the illusion of masked lines across the canvas. Built with vanilla JavaScript and the SVG API, the code constructs two mask elements—one revealing the horizontal stripes and another inverting the vertical ones—to clip the shapes. The rendering uses dynamic width and height values from the window, ensuring the composition scales to the full viewport.

SSergio
82% match