Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

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

Four plain rectangles of decreasing height stand in a row, approximating a bar chart through minimal geometric forms. The code uses raw SVG `rect` elements within an HTML document, with no data-binding or charting library. Each rectangle is manually positioned using fixed `x`, `y`, `width`, and `height` attributes, creating a static, composition-like visualization that echoes Sol LeWitt's instructional art. The page sets the body margin to zero and hides overflow, while the SVG canvas is sized at 960 by 500 pixels.

AI-generated description

An approximation of bar chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

Four plain rectangles of decreasing height stand in a row, approximating a bar chart through minimal geometric forms. The code uses raw SVG `rect` elements within an HTML document, with no data-binding or charting library. Each rectangle is manually positioned using fixed `x`, `y`, `width`, and `height` attributes, creating a static, composition-like visualization that echoes Sol LeWitt's instructional art. The page sets the body margin to zero and hides overflow, while the SVG canvas is sized at 960 by 500 pixels.

AAmauri Ribeiro
100% match
Loading thumbnail…

Sol LeWitt Reproduction

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.

AAmauri Ribeiro
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using an abstract geometric composition of repeated vertical bars. The SVG canvas fills the entire browser window, with one hundred thin rectangles evenly spaced across the width, each extending the full height of the viewport. The code generates each rectangle dynamically via the SVG DOM API, setting the x position and width attributes in a loop. The work highlights the minimalist aesthetic of LeWitt’s instructional art through a purely algorithmic, code-driven rendering approach.

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

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using purely geometric forms: a series of vertical rectangles evenly spaced across the full browser window. It renders 100 thin, black bars, each 10 pixels wide and as tall as the viewport, using raw SVG elements created and appended via the Document Object Model (DOM) API. The code does not use any D3 functions or libraries, instead relying on native JavaScript to set the width, height, and position of each rectangle. The piece emphasizes minimal, systematic repetition, echoing LeWitt’s instructional art, with the final output being a static, monochrome composition.

MMatheesha Yapa
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript. It shows a systematic grid of thin, evenly spaced vertical bars that span the full height of the viewport, creating a rhythmic, minimalist pattern reminiscent of LeWitt’s wall drawings. The code creates an SVG container sized to the browser window and appends 100 rectangles, each positioned at increasing x-coordinates with a fixed width, using the `document.createElementNS` API for SVG elements. The rendering relies solely on native DOM manipulation and CSS styling via an embedded stylesheet, with no external libraries beyond a Google Font import for the text styling.

Mmaciekawsq@gmail.com
87% 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
87% match