Skip to main content
SimilarExport ZIP
100%

Fork 2025 Lawn Viz -V

✓ Published1🌍 Public
Ccreatedby.thaonguyen@gmail.com
Last edited Jan 13, 2025
Created on Jan 13, 2025

This example renders a generative, pseudo-plotted visual inspired by Sol LeWitt, using a series of horizontal and vertical rectangles. The SVG drawing is filtered through two circular masks, creating a central circular window where the grid lines intersect with inverted visibility. The code builds the SVG programmatically via `document.createElementNS`, appending 100 horizontal and vertical rects, with the masks controlling which lines appear in the foreground. A large “Fork 2025” text label is styled with the Jersey 10 font, completing the minimalist, plotter-like aesthetic.

AI-generated description

a reproduction of Sol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 2025 Lawn Viz

This example reproduces a Sol LeWitt-inspired drawing by generating a series of vertical SVG rectangles across the width of the viewport. One hundred thin black bars are evenly spaced, creating a dense, rhythmic pattern that fills the full screen height. The code builds the visualization dynamically using raw DOM manipulation methods like `document.createElementNS` and `svg.appendChild`, rather than a visualization library. The SVG canvas is sized to match `window.innerWidth` and `window.innerHeight`, and the page uses the Google Fonts “Jersey 10” typeface for text elements.

Ccreatedby.thaonguyen@gmail.com
92% match
Loading thumbnail…

Fork of Fork 2025 Lawn Viz - 2

A generative visualization inspired by Sol Lewitt renders 100 rotated rectangles, each stacked diagonally from the top-left toward the center. The code creates SVG `rect` elements via the raw DOM API, applying a uniform 45-degree rotation around the viewport midpoint. Rectangle heights scale with their index, while fill colors cycle through hues using the `hsl()` function. The piece runs in a browser, using no external visualization libraries, and is annotated with the "Jersey 10" font, which appears unused in the final output.

Ccreatedby.thaonguyen@gmail.com
90% match
Loading thumbnail…

Fork of Fork of Sol Lewwit 3

This interactive SVG artwork creates a grid of vertical and horizontal lines, with a circular void in the center formed by masking. The visualization uses SVG masks (`circle-mask` and `circle-mask2`) to show vertical lines inside a white circle and horizontal lines outside it, resulting in a dynamic, layered composition. Built with vanilla JavaScript using `document.createElementNS`, it generates 100 rectangles per axis, with the central circle positioned at the viewport center. The design adapts to the browser window size, demonstrating a creative use of SVG masking for generative art.

PPeiyang Li
82% match
Loading thumbnail…

Fork of Sol LeWitt

This is a generative art reproduction of a Sol LeWitt piece, rendered as a full-window SVG. It displays a grid of horizontal and vertical black bars that are masked into two concentric circular regions. The work uses two SVG masks: the first reveals only the horizontal bars within a central circle, while the second inverts that circle to show vertical bars everywhere else. The code constructs all elements dynamically via the DOM API, without external libraries.

Xxscotta@yahoo.com
81% match
Loading thumbnail…

Fork of Fork of Sol Lewitt Reproduction vertical

This example creates a dynamic, full-screen SVG composition of overlapping striped patterns. It uses JavaScript to generate 100 horizontal and 100 vertical rectangles, each with a fixed thickness, and applies an SVG mask to each set. A circular mask restricts the horizontal stripes to a central circle, while an inverted mask applies the same circular cutout to the vertical stripes. The result is a grid of lines that are visible only within the intersecting circular region, demonstrating the use of the SVG `<mask>` element and dynamic DOM manipulation with `createElementNS`.

Ssirenajbpearl@gmail.com
81% 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
81% 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
81% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13
81% match