Skip to main content
SimilarExport ZIP
100%

Sol LeWitt reproduction Vertical

✓ Published1🌍 Public
ZzolboBatsaikhan
Last edited Aug 29, 2022
Created on Aug 29, 2022

A minimalist web page reproduces a Sol LeWitt-style geometric composition by rendering one hundred thin vertical stripes atop a full-screen SVG canvas, with only the central circular region visible. The visualization uses a white SVG `<circle>` inside a `<mask>` to clip the stripes, creating a circular window that reveals the pattern against a blank background. Built entirely with native Document Object Model (DOM) methods such as `createElementNS` and `setAttribute`, the code programmatically generates each rectangle with fixed dimensions and spacing, driven by window dimensions. The result is a clean, deterministic art piece rather than a data-driven chart.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

A minimalist web reproduction of Sol LeWitt’s geometric wall drawings, rendered as layered horizontal and vertical stripes in SVG. A circular mask isolates the intersection of the two sets of lines, creating a focal point against a full-screen canvas. The code constructs SVG elements programmatically via the DOM API, using two masks (`circle-mask` and `circle-mask-2`) and nested rects to alternate visible segments. It employs no external libraries, relying purely on native browser methods like `createElementNS` and `setAttribute` to draw 100 stripes in each direction.

Rrune@noergaard.dk
93% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style vertical composition, displaying 100 horizontal stripes that are visible only within a circular region at the center of the screen. The piece shows how a simple geometric pattern can be masked to create a focused, minimalist art aesthetic. The code uses the SVG DOM API via `document.createElementNS` to construct elements directly, with a `<mask>` element and a white `<circle>` defining the visible area. Black `<rect>` elements of varying heights are generated in a loop and apply the mask using the `url(#circle-mask)` attribute, all rendered across the full browser viewport.

CCurran Kelleher
91% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez
91% 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
90% 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
90% match
Loading thumbnail…

Sol LeWitt Horizontal Cirle

A web page renders a dynamic, mask-based homage to Sol LeWitt's geometric art. The visualization displays a central circle composed of horizontal and vertical striped bands, created using SVG elements and CSS mask compositing. It draws 100 horizontal rectangles masked by a circular region, and 100 vertical rectangles masked by an inverse circle, all generated procedurally with JavaScript. The `document.createElementNS` API constructs SVG nodes, while `mask` and `circle` elements define the visible shape, resulting in a crisp, monochrome pattern that fills the browser viewport.

Eeric.r.thornhill@gmail.com
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

A vertical Sol LeWitt reproduction renders 100 horizontal stripes, each 10 pixels tall, clipped by a circular mask centered on the screen. A second set of 100 vertical stripes, also 10 pixels wide, overlays the horizontal ones without masking. The piece uses plain SVG created via the Document Object Model (`document.createElementNS`), with a `<mask>` element and a white circle to define the visible circular region. The page fills the browser window, with stripes spaced 20 pixels apart, producing the grid-like optical effect characteristic of LeWitt’s wall drawings.

IIgorGorin00
90% match
Loading thumbnail…

Sol LeWitt Reproduction-Vertical

This example reproduces a Sol LeWitt vertical-striped artwork as an interactive SVG visualization. It shows a grid of thin, alternating horizontal and vertical white lines confined within a circular mask at the center of the screen. The code uses the SVG API to create 100 horizontal and 100 vertical rectangles, with a mask element and circle defining the circular crop. No external libraries are used; the rendering relies entirely on native Document Object Model (DOM) methods like `createElementNS` and `setAttribute`.

XXuân Vinh
89% match