Landcape

100%

✓ Published6🌍 Public

Last edited Mar 30, 2023

Created on Mar 27, 2023

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.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

Vvalsorayksterob

87% match

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

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

81% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric piece using only SVG and JavaScript, creating an intricate grid of horizontal and vertical lines. It shows a large circular mask revealing a woven pattern of alternating line directions, with the circle centered on a full-screen canvas. The code builds the visualization by constructing SVG elements via the DOM API (`document.createElementNS`), defining two masks (`circle-mask` and `circle-mask-2`) to clip horizontal and vertical line groups. It generates 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks controlling visibility to create the overlapping effect. No external libraries are used; the rendering relies purely on raw SVG and JavaScript.

IIndranil Biswas

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

78% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction-Learning

This generative artwork reproduces a Sol LeWitt piece, displaying a grid of horizontal and vertical bands that only appear within circular viewing windows at the center of the canvas. Two SVG masks, `circle-mask` and `circle-mask-2`, control visibility: a white circle reveals the horizontal strips on a black background, while an inverse mask reveals the vertical strips on the surrounding white area. The drawing is constructed purely with JavaScript, creating 100 rectangle elements for each orientation and applying the masks via the `mask` attribute. The result is an intersecting pattern that visually swaps foreground and background between the two circular regions.

Kkavitha G

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

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

78% match