Fork of 2025 Lawn Viz

100%

Fork of 2025 Lawn Viz

✓ Published1🌍 Public

Last edited Jan 12, 2025

Created on Jan 11, 2025

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

AI-generated description

a reproduction of Sol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork 2025 Lawn Viz -V

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.

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

87% match

Loading thumbnail…

Fork of Sol LeWitt Vertical

This example recreates a Sol LeWitt-inspired wall drawing as a dense field of uniform vertical bars rendered in black on a full-window SVG canvas. It shows how simple repetition of a geometric primitive can produce a rhythmic, minimalist composition. The code uses the raw Document Object Model API, creating 100 `rect` elements via `document.createElementNS` and appending them to an SVG root. Each rectangle is positioned at twenty-pixel intervals, with a fixed width of ten pixels and a height matching the browser viewport, filling the entire display area.

Eeric.r.thornhill@gmail.com

82% match

Loading thumbnail…

Fork of SVG Fundamentals - Sol LeWitt repro follow-along

This example reproduces a Sol LeWitt art piece using dynamically generated SVG rectangles. The code creates 100 vertical black bars, each 10 pixels wide, evenly spaced across the full window height, filling the browser viewport. It uses the Document API (`createElementNS`) to build SVG elements from scratch within JavaScript rather than a dedicated visualization library. The rendering approach directly mirrors LeWitt’s geometric, minimalist style by iterating through a fixed count of shapes.

MMichael Gomersall

82% match

Loading thumbnail…

Fork of solLewitt

This example shows a generative, full-screen SVG composition of vertical rectangles. The visualization fills the browser viewport with 100 evenly spaced bars, each 10 pixels wide, that stretch from the top to the bottom of the window. The code uses the JavaScript DOM API to create SVG elements via `document.createElementNS` and sets the `width` and `height` attributes of the container based on the window's `innerWidth` and `innerHeight`. Each rectangle’s `x` position is calculated mathematically as a multiple of 20 pixels, producing a regular, rhythmic pattern. This is a straightforward reproduction of a Sol LeWitt-inspired drawing, relying solely on native SVG and no external libraries.

Mmartina.dallamico.1@studenti.unipd.it

82% match

Loading thumbnail…

Fork of Sol Lewitt Art Vert - TN

A generative SVG composition reproduces the visual language of Sol LeWitt’s art, displaying 100 vertical black rectangles evenly spaced across the full viewport height. The code creates each rectangle via the SVG namespace API, setting its x position at increments of 20 pixels with a fixed width of 10 pixels. The piece uses raw JavaScript with `document.createElementNS` and `setAttribute` to build the vector geometry, filling the entire browser window without any data input or interactive behavior.

TToly

82% match

Loading thumbnail…

Fork of Fork of SVG Fundamentals

This example reproduces a Sol LeWitt–style drawing by generating vertical black bars across the full browser viewport. The code creates an SVG element sized to the window’s inner dimensions and appends a series of `<rect>` elements spaced 20 pixels apart, each 10 pixels wide and as tall as the window. It uses the JavaScript DOM API (`createElementNS`, `setAttribute`, `appendChild`) to build the SVG programmatically. The resulting composition is a minimalist grid of alternating stripes, driven entirely by the current window size.

SSimon Krukowski

82% match

Loading thumbnail…

Fork of Sol Lewitt Reproduction

This example reproduces a Sol Lewitt-inspired drawing using a full-window SVG canvas. It generates 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart and extending the full height of the viewport, creating a striped pattern. The code creates the SVG element with `createElementNS` and appends it to the document body, then iterates with a JavaScript loop to add each `<rect>` node directly. The visualization demonstrates basic SVG shape construction and DOM manipulation without external libraries or data sources.

Ssirenajbpearl@gmail.com

81% match