Fork of Landcape

100%

Fork of Landcape

✓ Published0🌍 Public

Last edited Apr 11, 2023

Created on Apr 6, 2023

Forked from 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.

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

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

91% 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…

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

84% match

Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt wall drawing using an SVG canvas. It layers two sets of perpendicular, striped rectangles, each masked to reveal the artwork through repeating geometric symbols. The code uses D3 v7 methods like `select`, `range`, `join`, and `symbol` to generate the marks. Two SVG masks are applied with inverted fills, producing a crosshatched pattern where the symbols appear as cutouts.

Lliu yang

80% match

Loading thumbnail…

Fork of Fork of FULL sol l. reprod. w/ d3

This example recreates Sol LeWitt's generative art using an SVG canvas with D3.js. It shows a grid of horizontal and vertical lines whose appearance is modified by two masks, creating a dynamic interplay of shapes and negative space. The code uses D3's `select`, `range`, and `symbols` APIs to generate the geometry, and it defines custom mask elements with `mask.append()` to selectively reveal or hide parts of the line pattern. The rendering is purely vector-based, with dimensions derived from the browser window's `innerWidth` and `innerHeight`.

Kkhaledakanan@gmail.com

80% match

Loading thumbnail…

Fork of Sol LeWitt with d3js

This visualization generates a grid of horizontal and vertical SVG rectangles that collectively form a geometric pattern inspired by Sol LeWitt’s minimal art. The code uses d3’s `select` and `range` to create 100 lines in each direction, then applies two circular masks to reveal or hide portions of the grid, producing a layered, cross-shaped effect. The rendering relies on SVG masks and fills, with the viewport sized to the full window.

Iinnocent thomas

80% match

Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt–style grid of horizontal and vertical lines, overlaid with two masks that reveal symbolic shapes in contrasting areas. The example uses D3 v6 to generate 100 rectangular strips in each direction, then applies SVG masks via `d3.select` and `append('mask')`. Each mask uses D3 symbol generators (`d3.symbol` and `d3.symbols`) to draw numbered geometric icons—circles, crosses, diamonds, and squares—in black or white, creating a layered optical effect. The code directly manipulates SVG elements and relies on the `range`, `join`, and `attr` APIs to build the repeating structure.

AAlpineStranger

80% match