Fork of solLewitt

100%

Fork of solLewitt

✓ Published1🌍 Public

Mmartina.dallamico.1@studenti.unipd.it

Last edited Oct 22, 2024

Created on Oct 22, 2024

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.

AI-generated description

A reproduction of solo Lewitt

MIT Licensed

Similar vizzes

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

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

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

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

88% match

Loading thumbnail…

Fork of Sol LeWitt in vanilla js

This example generates an abstract, generative artwork inspired by Sol LeWitt using vanilla JavaScript and SVG. It creates 100 vertical rectangles, each positioned at increasing x-coordinates across the full browser window. The code uses the Document Object Model (DOM) API `document.createElementNS` with the SVG namespace to construct the elements, setting attributes like width, height, and position via `setAttribute`. The rendering approach relies entirely on procedural generation, with no external data source, producing a minimalist grid-like pattern of thin bars against a blank background.

Rrwata97

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

87% match

Loading thumbnail…

Fork of Sol LeWitt 2

This example reproduces a Sol LeWitt wall drawing as an abstract, geometric visualization. It shows a series of 100 thin, horizontal rectangles stacked vertically across the full height of the browser window, forming a simple striped pattern. The piece is rendered using the SVG API, creating each `rect` element dynamically via `document.createElementNS`. The code sets the width of each rectangle to match the viewport width, while the vertical position and height are determined by a loop increment, producing a clean, repetitive composition in the style of the original artwork.

Jjisu9393@naver.com

87% match

Loading thumbnail…

Fork of Fork of JS and d3

This example is a simple reproduction of a Sol LeWitt-inspired drawing, created with plain JavaScript and the SVG DOM API. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across a 960 by 500 pixel canvas, filling the viewport without margins. The code directly manipulates SVG elements via `document.createElementNS` and `setAttribute`, demonstrating a minimal, non-D3 approach to generative art. The static composition highlights the geometric repetition characteristic of LeWitt’s wall drawings.

Ppiekarczvk@gmail.com

86% match