Fork of Sol LeWitt reproduction (horizontal)

100%

Fork of Sol LeWitt reproduction (horizontal)

✓ Published1🌍 Public

Last edited Feb 6, 2024

Created on Feb 6, 2024

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.

AI-generated description

Example of a picture create for le author Sol LeWitt

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Sol Lewitt Repro

This generative visualization reproduces a Sol LeWitt wall drawing as a series of thin, full-height vertical bars. The piece fills the browser window with 100 equally spaced black rectangles, creating a minimalist, rhythmic pattern. The code dynamically sizes the SVG to the viewport’s inner width and height, and generates each bar using the native DOM API `document.createElementNS` within an SVG namespace. It relies on procedural repetition rather than external data, directly scripting each rectangle’s position and dimensions in a loop.

GGullyPlook

87% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt drawing using a generative approach, rendering a series of vertical bars. The bars are evenly spaced across the full width and height of the browser window, creating a rhythmic, minimalist composition. The code uses raw JavaScript with the Document Object Model (DOM) API to create SVG elements, specifically `document.createElementNS`. It dynamically sets the canvas size based on `window.innerWidth` and `window.innerHeight`, then iterates to append one hundred `rect` elements, each with a fixed width and spacing, to the SVG container.

Cchacon1@uic.edu

86% match

Loading thumbnail…

Sol Lewitt Reproduction

This piece reproduces a Sol LeWitt-style generative drawing using only vertical bars. The work shows a series of 100 thin rectangles evenly spaced across the full width of the browser window, creating a regular, rhythmic grid-like pattern. The code generates the artwork by creating an SVG element and appending a rect for each iteration of a JavaScript loop, setting each bar’s x position to increment by 20 pixels while maintaining a constant width and height. The scene fills the entire viewport, as the SVG dimensions are set to the window’s inner width and height.

JJinpeng Li

86% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing a grid of horizontal and vertical bars overlaid on a circle. It shows a geometric composition where a central circular area is filled with alternating stripes, created by masking a series of thin rectangles. The code uses the SVG API to construct elements, defining two masks (circle-mask and circle-mask-2) to control which bars are visible. The bars are generated by looping through 100 iterations, placing either horizontal strips with varying y-offsets or vertical strips with varying x-offsets, with the circle’s radius determined by the window dimensions.

Jjsoudeer

86% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing by generating a grid-like pattern of horizontal and vertical bars on an HTML5 SVG canvas. It uses SVG masks to create a central circular window: one mask hides everything except a 200-pixel-radius circle, while a second mask inverts that region. The code dynamically creates 100 horizontal and 100 vertical rectangles, each layered with alternating masks to produce the distinctive visual effect. The piece adapts to the browser’s full window dimensions, demonstrating algorithmic art generation through direct DOM manipulation and SVG APIs without external libraries.

LLiam Connors

86% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt-style drawing using only vertical bars. It shows a grid of thin, evenly spaced rectangles that fill the entire viewport, creating a rhythmic, pattern-based composition. The visualization is generated entirely with the browser’s native SVG interface, using `document.createElementNS` to construct each rectangle element. The script sets the total number of bars to 100, positioning them at fixed intervals of 20 pixels along the x-axis while each bar spans the full height of the window. No external libraries are used, relying solely on standard JavaScript and the SVG namespace.

PPrince Kumar

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

85% match