Skip to main content
SimilarExport ZIP
100%

Fork of LeWitt Forsts

✓ Published1🌍 Public
Ttomasnihlen
Last edited Sep 23, 2022
Created on Sep 23, 2022
Forked from LeWitt

A minimal generative drawing uses the DOM API to create rectangular SVG bars across the full viewport. Horizontal bars are placed at evenly spaced intervals, with each bar’s height fixed and its width spanning the entire screen. The sketch calculates bar positions based on window dimensions and a constant bar width, rendering a striped pattern. It relies on raw JavaScript and SVG element creation, without any external visualization libraries, and does not include interaction or data-driven input.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

LeWitt Vertical

This example creates a generative, grid-based composition inspired by Sol LeWitt’s wall drawings. It renders a series of black vertical bars evenly spaced across the full width and height of the browser window. The visualization is built entirely with raw SVG elements created via the Document Object Model API, using `document.createElementNS` and `setAttribute` to add rectangle shapes directly to an SVG container. No external libraries are used, and the bar width and spacing are calculated dynamically from the viewport dimensions. The result is a simple, minimalist pattern that fills the screen.

Ttomasnihlen
84% match
Loading thumbnail…

Fork of Sol LeWitt reproduction (horizontal)

This generative visualization creates a minimalist wall of evenly spaced horizontal bars that extend across the full screen width. The code calculates bar height and count dynamically based on the browser window’s dimensions, using a fixed bar length of 10 pixels with doubled padding between each band. It constructs an SVG element via the DOM API (`document.createElementNS`), sets its width and height attributes to the viewport size, and appends each rectangle sequentially. The effect is a clean, repetitive grid pattern inspired by Sol LeWitt’s geometric art, rendered purely through JavaScript without external libraries, responding directly to the viewing environment.

FFrancisco Ibelles
84% match
Loading thumbnail…

LeWitt

This example generates a minimalist geometric composition inspired by Sol LeWitt, using raw JavaScript and the SVG DOM API. It creates a grid of vertical and horizontal bars by appending `rect` elements to an SVG canvas that fills the entire browser window. The vertical bars are positioned on the left half, while horizontal bars extend from the center to the right, with spacing based on a fixed bar width and the window dimensions. No external libraries are used; the code relies on `document.createElementNS` and manual attribute setting.

Ttomasnihlen
83% match
Loading thumbnail…

LeWitt D3

This example creates a full-screen generative drawing inspired by Sol LeWitt’s minimalist wall drawings, using raw SVG rectangles rather than the D3 library (which is listed as a dependency but unused in the code). It calculates the number of bars based on the browser window’s width and height, rendering evenly spaced vertical black bars that alternate with gaps of equal size. The rendering approach directly manipulates the SVG namespace via `document.createElementNS`, setting each rectangle’s position and dimensions dynamically to fill the viewport. The result is a simple, procedural grid pattern that responds to the window size.

Ttomasnihlen
83% 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 practice

This example uses JavaScript and the SVG API to create a full-window, grid-like pattern of vertical bars. It calculates the number of bars needed based on the window’s width and a fixed bar length with padding, then dynamically generates and positions each SVG rectangle. The code uses `document.createElementNS` and `setAttribute` to construct the vector graphics, and `console.log` examples in the README illustrate basic variable reassignment with `let` and `var`. The result is a minimalist, striped composition that directly references Sol LeWitt’s geometric wall drawings.

Ppanthabuddhi@gmail.com
81% 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
80% 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
80% match