Skip to main content
SimilarExport ZIP
100%

ep 2 Sol LeWitt

✓ Published0🌍 Public
Nneojournalist
Last edited Nov 11, 2022
Created on Nov 11, 2022

A web page reproduces a Sol LeWitt wall drawing using SVG, where horizontal and vertical stripes are clipped by two circular masks to create overlapping geometric forms. The page builds the composition dynamically with JavaScript, creating a full-screen SVG and adding one hundred horizontal bands intersected by one hundred vertical bands. Each band, drawn as a thin rectangle, is masked so that horizontal stripes appear within one circle and vertical stripes within another, producing the characteristic minimal, grid-like pattern. The code uses the SVG `<mask>` element and `document.createElementNS` API to assemble the artwork entirely in the browser.

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

Sol LeWitt

This visualization recreates Sol LeWitt’s geometric wall drawings using overlapping horizontal and vertical striped bands. A central circular mask reveals the intersection of both patterns, while the surrounding areas remain blank. The code builds SVG elements manually with `createElementNS`, applying two separate circle-based masks to clip groups of thin rectangles. No external libraries are used; rendering relies entirely on raw SVG masks and rect primitives at a fixed 100-line count per direction.

Ddanheavern
87% match
Loading thumbnail…

Sol LeWitt reproduction Vertical

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.

ZzolboBatsaikhan
87% match
Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt drawing using SVG. It renders a grid of horizontal and vertical stripes, with a circular mask creating the illusion of layered bands across the canvas. The stripes are generated programmatically in JavaScript, using `document.createElementNS` to build SVG `rect` elements. Two complementary masks (`circle-mask` and `circle-mask-2`) alternate which stripe orientation is visible, producing a clean geometric composition that adapts to the full browser window size.

Aainhoadieruiz@gmail.com
87% match
Loading thumbnail…

Sol LeWitt Exercise with JS

An SVG built with vanilla JavaScript recreates a Sol LeWitt-inspired wall drawing by layering two sets of 100 striped rectangles. Horizontal and vertical black bars cross the full viewport, but a pair of circular masks restricts visibility: one mask shows only the horizontal stripes inside a 200-pixel circle, while the second reveals vertical stripes outside that same radius. The result is a clean, conceptual grid where the two orientations visually swap at the circle's boundary, using the SVG `mask` element and dynamic element creation via `document.createElementNS`.

Ppkdvalis
86% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

A web-based reproduction of Sol LeWitt’s wall drawing uses overlapping horizontal and vertical striped bands. The piece shows alternating white and black bars, with a central circular area where the vertical stripes appear, while the horizontal stripes remain visible around it. Built with raw SVG elements and the CSS mask API, the code creates two circle-shaped masks to toggle stripe visibility. The design fills the entire browser window, using a fixed stripe thickness of 10 pixels and no external data source.

WWolfgang
86% 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
86% 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
86% match