SOL Lewitt Graphics

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

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

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

Sol Lewitt Reproduction Vertical

A vertical grid of black rectangular bars covers the full viewport, while a circular mask reveals only the horizontal lines crossing it, recreating a Sol Lewitt wall drawing. The piece uses plain SVG elements, with a white circle on a black rect defining the mask and two loops of one hundred `<rect>` elements generating the stripes. The artwork dynamically fills the browser window, with vertical bars spanning full height and horizontal bars clipped by the circle mask to create the layered optical effect.

KKathleen Johnston

Sol LeWitt Reproduction

A minimalist web reproduction of Sol LeWitt’s geometric wall drawings, rendered as layered horizontal and vertical stripes in SVG. A circular mask isolates the intersection of the two sets of lines, creating a focal point against a full-screen canvas. The code constructs SVG elements programmatically via the DOM API, using two masks (`circle-mask` and `circle-mask-2`) and nested rects to alternate visible segments. It employs no external libraries, relying purely on native browser methods like `createElementNS` and `setAttribute` to draw 100 stripes in each direction.

Rrune@noergaard.dk

Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s geometric wall drawing style by generating a grid of horizontal and vertical black stripes on a white background. A circular mask in the center of the SVG reveals only the stripes inside the circle, while a second inverted mask applies to the vertical lines, creating a layered crosshatch effect. The code uses raw SVG elements created via the DOM API (`document.createElementNS`), with two mask definitions (`<mask>` and `<mask2>`) to control visibility. The rendering is entirely procedural, with 100 rectangles in each direction, and no external data source or library beyond vanilla JavaScript and SVG.

Aalexscott-untitled

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

Sol Lewitt Repro Vertical

This generative art piece reproduces Sol LeWitt’s conceptual aesthetic by rendering 100 alternating horizontal and vertical stripes across the full browser viewport, with a circular mask applied to each set. The stripes are created as SVG `rect` elements, with horizontal bars masked by a white circle and vertical bars masked by a black circle, producing a layered checkerboard-like interaction. The code uses raw SVG manipulation via `createElementNS` and `setAttribute`, with no external libraries. The masks (`circle-mask` and `circle-mask-2`) define a central 200-pixel-radius zone, revealing or hiding stripes dynamically based on the window’s dimensions.

GGullyPlook