sol Lewet

100%

✓ Published1🌍 Public

Last edited Jan 19, 2023

Created on Jan 12, 2023

This example demonstrates the generation of a minimalist, abstract composition using vertical SVG rectangles. It displays 100 thin, evenly spaced bars that span the full height of the canvas, creating a rhythmic pattern across the width. The code creates an SVG element via the `document.createElementNS` API and populates it with `rect` elements in a loop, setting each bar’s `x` position incrementally. No data source is used; the visual is purely algorithmic, showcasing basic SVG shape creation and positioning with JavaScript.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt in SVG

The example generates a minimalist geometric composition inspired by Sol Lewitt, using a series of uniformly spaced vertical silver rectangles that stretch the full height of the browser window. It shows a systematic grid of 100 thin bars created entirely with dynamic SVG elements. The code builds the visualization by appending SVG `rect` nodes to the document, setting each bar’s x-coordinate incrementally at intervals of 20 pixels with a fixed width of 10. It relies on the raw Document Object Model API, including `document.createElementNS` and `setAttribute`, to construct the scene in plain JavaScript without external libraries.

KKirsten Lund

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

85% match

Loading thumbnail…

Sol Lewitt

This example renders a full-screen SVG composed of one hundred vertical rectangles, each ten pixels wide, spaced twenty pixels apart. The rectangles are created programmatically using the native Document Object Model API, with `document.createElementNS` and `setAttribute` to construct each SVG `rect` element. The `window.innerWidth` and `window.innerHeight` properties define the canvas dimensions, while the fixed loop count determines the layout. The result is a minimalist, grid-like pattern inspired by Sol LeWitt’s geometric wall drawings, though no data source or interaction drives the composition.

BBaptPoi

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

84% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using only straight vertical bars of uniform width. The code generates 100 rectangles in an SVG element, each spaced 20 pixels apart with a 10-pixel width, extending the full height of the viewport. It uses the DOM API’s `createElementNS` and `setAttribute` methods to construct and style the SVG shapes directly. The artwork fills the entire browser window by setting the SVG’s dimensions to the window’s inner width and height, creating a minimalist, repeating pattern that echoes LeWitt’s instructional art.

CCurran Kelleher

84% match

Loading thumbnail…

Sol lewitt

This example creates a minimalist, generative wall drawing inspired by Sol LeWitt’s geometric instruction art. It displays a series of one hundred thin, evenly spaced vertical rectangles that span the full height of the browser window. The composition is rendered as SVG, constructed dynamically with the `document.createElementNS` and `svg.setAttribute` APIs, without using any external libraries. The code generates the pattern procedurally by looping through an index, setting each rectangle’s x position incrementally, resulting in a clean, grid-like visual.

OOluseyi Adeeko

83% match

Loading thumbnail…

Sol Lewitt Reproduction

This visualization reproduces a Sol Lewitt-inspired drawing using a series of vertical bars. The code generates 100 rectangles using the SVG API, positioning each one 20 pixels apart with a width of 10 pixels, creating a repeating striped pattern that spans the full height of the browser window. The rendering approach is procedural and algorithmic, with the SVG elements created dynamically via JavaScript’s `createElementNS` method and appended to the document body. The bars’ spacing is hardcoded, producing a clean, minimalist geometric composition.

Ssavalifestus75@gmail.com

83% match

Loading thumbnail…

Sol LeWitt

This example generates a minimalist SVG composition inspired by Sol LeWitt, displaying 100 vertical rectangles evenly spaced across a 960-by-500-pixel canvas. Each rectangle maintains a fixed width of 10 pixels and spans the full height of the canvas, creating a rhythmic, striped pattern. The visualization is built programmatically using raw JavaScript and the SVG API, specifically creating SVG elements via `document.createElementNS` and appending them to the document. No external libraries are used; the rendering relies entirely on native browser support for SVG and scripting.

NNikki Masroor

83% match