sollewitt

100%

✓ Published1🌍 Public

Last edited Nov 26, 2022

Created on Nov 26, 2022

A web-based reproduction of a Sol LeWitt art piece generates a dynamic pattern of overlapping black and white circles against a blue-to-red gradient background. The visualization uses raw JavaScript and the SVG DOM API to create and append circle elements directly, with no external libraries. Two loops position 100 circles each, offset by increments of 100 and 95 pixels horizontally and 50 pixels vertically, creating a structured, repeating grid. The piece highlights the contrast between simple geometric primitives and the visual complexity achieved through systematic placement and color layering.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

83% match

Loading thumbnail…

Sol Lewit

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.

AAdnan Niazi

82% match

Loading thumbnail…

sol_lewit_repro

This example recreates a Sol LeWitt-inspired drawing using JavaScript and the SVG API, dynamically creating a full-screen grid of 100 horizontal and 100 vertical stripes. The code uses `document.createElementNS` to build SVG elements and applies circular masks (`circle-mask` and `circle-mask-2`) to reveal the horizontal lines in the center while showing the vertical lines outside that radius. The horizontal stripes are black, while the vertical stripes are magenta, creating a geometric contrast. The composition is generated entirely through loops with `setAttribute`, with the SVG canvas sized to the browser window.

Ppoppy

82% match

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt wall drawing as a dynamic, algorithmic visualization. It shows a grid of colored squares whose hues gradually shift and blend over time, creating a living, patterned composition. The work uses D3.js to construct and manipulate SVG elements, with colors derived from an interpolated palette. The rendering relies on JavaScript timers or animation frames to cycle through color values, updating the fill of each rectangle to mimic LeWitt’s serial, rule-based aesthetic. The code is minimal, containing no external data or complex geometry, focusing purely on the interplay of color and grid structure.

PPolydexter

82% match

Loading thumbnail…

Sol Lewitt

This example renders a minimalist, generative visualization inspired by Sol LeWitt’s geometric art. It displays 100 thin, evenly spaced vertical lines that span the full height of the browser window, creating a subtle striped pattern across the entire viewport. The code uses raw JavaScript with the DOM API to create an SVG `rect` for each line, appending them to an `svg` element sized to the window’s inner dimensions. A `circle` element is also initialized but left without coordinates, so it remains invisible in the final output.

AAinsley Francis

82% match

Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt

81% match

Loading thumbnail…

SOL Lewitt Final Stage

This example renders a generative pattern inspired by Sol LeWitt's wall drawings. It displays a dense grid of horizontal and vertical hairlines, with a circular region in the center left uncovered, effectively creating a negative-space circle. The artwork uses JavaScript to dynamically create SVG elements, employing two SVG masks—`circle-mask` and the inverted `circle-mask-2`—to control which rectangles are visible. The code builds 100 horizontal and 100 vertical `<rect>` elements directly, without any external libraries, to form the final static composition.

DDonald Bagwell

81% match