Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published1🌍 Public
AAmauri Ribeiro
Last edited Oct 20, 2024
Created on Oct 19, 2024
Forked from Pseudo Bar Chart

This example reproduces a Sol LeWitt-inspired drawing as a series of vertical black rectangles distributed across the full height of the browser window. The visualization shows a minimalist grid-like pattern of evenly spaced bars, resembling a simple bar chart without data. The code uses plain SVG via `document.createElementNS` to generate one hundred `rect` elements, each positioned along the x-axis with a fixed width and spacing, covering the entire viewport height. No external libraries are used, and the rendering is purely geometric and deterministic.

AI-generated description

An approximation of bar chart.

MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using a grid of vertical SVG rectangles. The code generates 100 thin, evenly spaced bars that span the full height of the browser window, creating a rhythmic, minimal pattern. It builds the SVG dynamically with the Document Object Model (DOM) API, using methods like `createElementNS` and `setAttribute` to construct and style each rectangle. The visualization responds to the current viewport dimensions, filling the entire screen with its structured, monochrome array.

Aandu006@gmail.com
94% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using dynamically generated SVG rectangles. It renders 100 vertical bars of fixed width, spaced evenly across the full viewport height, creating a minimalist grid pattern that fills the browser window. The visualization works by creating an SVG element with the DOM API `document.createElementNS`, setting its dimensions to match the window, and appending each rectangle with explicit `x`, `width`, and `height` attributes. No external libraries are used; it relies entirely on native JavaScript and SVG shape creation.

WWasanta Pruttisarikorn
93% 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
93% match
Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece displays a series of vertical black bars evenly spaced across the full height of the browser window. The visualization is generated entirely with the raw SVG API, creating 100 rectangles via `document.createElementNS` and appending them to an SVG element that fills the viewport. Each rectangle is positioned at a fixed interval of 20 pixels, with a width of 10 pixels, producing a rhythmic pattern that mirrors LeWitt’s minimalist geometric style. The code uses no external libraries, relying solely on native browser SVG methods.

IIgorGorin00
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece by rendering a series of vertical black bars. Fifty rectangles, each 10 pixels wide, are spaced 20 pixels apart across the full screen height. The visualization is built entirely with the SVG API, creating elements via `document.createElementNS` and appending them to the root `<svg>`. The code runs automatically on page load, filling the browser window with the geometric pattern.

WWolfgang
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen
92% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt minimalist composition using vertically oriented black rectangles arranged in a regular grid across the full browser window. The piece shows an algorithmic interpretation of the artist’s geometric style, with each rectangle consistently spaced and sized. The code uses raw JavaScript and the SVG DOM API, creating elements via `document.createElementNS` and appending them to an SVG canvas. It generates 100 rectangles, each positioned at increasing x-coordinates and spanning the full viewport height, with no external libraries or data sources involved.

Llili463e
92% match