Fork of Landcape

100%

Fork of Landcape

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

Forked from Landcape

This piece recreates a Sol LeWitt-inspired composition using a generative drawing algorithm. Vertical and horizontal stripes are overlaid, with two circular masks creating a layered, interlocking visual effect. The artwork is built entirely with raw SVG elements and masks, generated through JavaScript loops. The code manipulates SVG `mask` elements to alternate visibility between the two sets of lines, resulting in a dynamic interplay of stripes within and outside the central circular region. The page uses no external libraries, relying on core DOM manipulation and SVG APIs.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Landcape

This piece generates an abstract geometric landscape from SVG rectangles, using alternating horizontal and vertical bands that intersect to form a grid-like pattern. The artwork references Sol LeWitt’s conceptual style, though the specific visual layout is defined by the code's loop over 100 iterations. Built with the D3.js library (v7.8.4), it leverages D3's `select`, `range`, `symbols`, and `symbol` APIs to construct the SVG elements dynamically. Two masks are applied—one inverting colors—using paths generated from D3's symbolic shapes, which modify the visibility of the overlaid rectangles and create layered, translucent regions across the full canvas.

Vvalsorayksterob

92% match

Loading thumbnail…

Fork of Landcape

A fork of Sol LeWitt's generative line drawings, this visualization renders 100 rotated lines from a single origin point. Each line uses the SVG `rect` element with a random hexadecimal color and an incremental rotation transform, creating a radiating, multicolored landscape. The code sets the SVG canvas dimensions to match the browser window, with `overflow` hidden, and runs in a loop to generate the composition. The piece demonstrates a simple, algorithmic approach to abstract art, relying on the Document Object Model and SVG APIs to construct the visual output.

Vvalsorayksterob

88% match

Loading thumbnail…

Fork of Landcape

A Fork of Landscape reproduces a Sol LeWitt-inspired geometric composition using D3 version 7. The visualization displays intersecting horizontal and vertical rectangular strips across the full viewport, with circular masks revealing opposite color contrasts in the center. The code uses d3.range and d3.select to generate SVG rectangles, while mask elements define the circular cropping regions. The rendering relies on SVG attributes for positioning and masking, with no external data source.

RRenato Camapum

87% match

Loading thumbnail…

Landcape

This piece reproduces a Sol LeWitt-inspired generative drawing by rendering two sets of overlapping perpendicular line groups on an SVG canvas. Vertical and horizontal bands alternate in visibility through the use of two mask definitions, creating a circular aperture that reveals or conceals each set. The artwork is generated procedurally with plain JavaScript, constructing SVG elements directly via the DOM API without external libraries. The fixed 100-line loop and mask logic produce a stark, grid-like landscape with a central circular disruption.

DDouChinn

87% 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

84% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A generative rendering of a Sol LeWitt-inspired geometric composition uses SVG masks to reveal intersecting horizontal and vertical line grids. The artwork first displays 100 horizontal rects, masked by a central white circle, then overlays 100 vertical rects masked by an inverted circle, creating a cross-shaped overlap of striped bands. Built entirely with native browser APIs, the code manipulates SVG elements directly via `document.createElementNS`, setting `mask` attributes to alternate visibility across the two circular regions. No external libraries are used; the piece relies on simple `rect` elements, SVG `mask` definitions, and coordinate calculations based on `window.innerWidth` and `window.innerHeight`.

SSerge

84% match

Loading thumbnail…

Fork of Fork of Fork of Sol Levitt Vertical

This generative art piece recreates a Sol LeWitt-inspired wall drawing using only SVG shapes. It shows a grid of horizontal and vertical black stripes confined to a central circular area. The code builds two SVG masks: one cuts a hole in a black circle, while the other inverts it, so overlapping stripes are visible only within the ring. The stripes are generated with JavaScript loops, each rect targeted to a specific mask via `url(#circle-mask)`. The artwork adapts to the browser window dimensions.

SSimon Krukowski

84% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, displaying a grid of horizontal and vertical stripes that intersect within two circular masks on a full-screen SVG canvas. The work uses overlapping masked rectangles to create the geometric pattern, with the horizontal lines visible inside one circle and vertical lines inside another, reversing the color relationship through complementary masks. The code builds the SVG entirely through the raw Document Object Model API, creating elements such as `rect`, `circle`, and `mask` with `createElementNS` and `setAttribute`. It generates 100 stripes in each direction, spacing them evenly to form the minimalist composition.

LLívia Rocha

84% match