Sol Lewit

100%

✓ Published0🌍 Public

Last edited Oct 3, 2022

Created on Oct 3, 2022

This example generates a grid of colored squares that reorganize into a circular pattern, inspired by the geometric art of Sol LeWitt. Using raw SVG elements created via the DOM API, it renders 960 by 500 pixels of animated transformations. The code relies on JavaScript to manipulate square positions and colors in a looping sequence, though no external libraries like D3 are imported. The result is a minimalist, abstract visualization that explores repetition and systematic variation.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Sol Lewitt SVG Artwork

This example renders geometric SVG artwork inspired by Sol LeWitt, using a React framework with hard-coded SVG elements. The visualization displays a series of colorful, grid-based compositions with varying line patterns, shapes, and color blocks arranged across a 960x500 canvas. The code defines these patterns directly in the SVG markup, creating a static, non-interactive piece that emphasizes the artist's systematic approach to form and color. The rendering relies entirely on native SVG capabilities within the React component structure.

BBelma Besirevic

88% match

Loading thumbnail…

Sol LeVitt Reproduction

This example reproduces a Sol LeWitt-style geometric drawing using React and SVG. It shows a grid of colored squares and rectangles arranged in a pattern reminiscent of the artist’s instructional wall drawings. The code renders the SVG with fixed dimensions and uses standard React components to manage the layout. It does not employ any data-viz libraries; instead, it relies on plain JavaScript logic to compute the shapes, with a simple data object demonstrating basic variable handling.

Sstefano@nava.ch

88% match

Loading thumbnail…

Sol LeWitt reproductions

This example uses JavaScript and the SVG API to generate a geometric piece inspired by Sol LeWitt. It shows a grid of black vertical bars overlaid with repeating diagonal patterns of black and white circles, creating a sense of systematic repetition. The code creates SVG elements directly with `document.createElementNS`, setting attributes to position 100 rectangles and multiple circle rings across the full viewport. No external libraries are used; the rendering is purely procedural, and the visualization is static, with no interactivity or data input.

Llieta96

88% match

Loading thumbnail…

Sol Lewitt Reproduction

This reproduction of a Sol Lewitt art piece displays a grid of geometric shapes, including squares, triangles, and circles, arranged in a colorful, patterned composition. The SVG renders the artwork statically on a 960 by 500 pixel canvas, using plain HTML and JavaScript with no external libraries. The code includes only commented-out JavaScript syntax examples, so the visual is generated solely through the SVG markup, directly mimicking Lewitt’s instructional style.

JJOSHUA BUSINGE

87% match

Loading thumbnail…

Sol LeVitt

A red circle with horizontal white stripes and vertical white stripes creates a grid-like pattern, demonstrating a minimalist geometric composition. The artwork uses inline SVG elements within an HTML page, including a circle filled with red and rectangles filled with white to form the stripes. The SVG canvas is fixed at 400 by 400 pixels, with the circle positioned accordingly. This example showcases how basic SVG shapes can be combined to recreate the visual style of Sol LeWitt's wall drawings, using only HTML and CSS with no JavaScript.

MmyN3RD

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

87% match

Loading thumbnail…

Sol LeWitt

This example renders a generative composition inspired by Sol LeWitt using raw SVG creation via JavaScript. It constructs a full-screen SVG and uses two masks to create a circular cutout: one mask reveals vertical stripes outside the circle, while another reveals horizontal stripes inside it. The code manually creates SVG elements using the `document.createElementNS` API and sets attributes directly, without using any external libraries. The result is a static, geometric pattern of 100 vertical and 100 horizontal rectangular stripes that alternate based on their position relative to the central circle.

JJamie

87% match

Loading thumbnail…

Sol LeWitt reproduction with animation

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript, with no external libraries. It renders a 500x500 canvas containing a grid of 100 animated horizontal rectangles that cycle between yellow and cyan, overlaid with four large triangles positioned at the center, top-left, top-right, and bottom. Each triangle uses a distinct solid color—black, red, blue, and green—and is created via SVG `polygon` elements. The code demonstrates DOM manipulation through `document.createElementNS` and SVG’s native `animate` element for continuous color transitions.

IIgorGorin00

86% match