Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Mar 29, 2024

Created on Mar 29, 2024

This example reproduces a Sol LeWitt art piece by drawing two intersecting sets of striped rectangles over a full-screen SVG. One set of horizontal bands and one set of vertical bands are clipped using two polygon masks, creating a triangular intersection where horizontal lines appear inside one mask and vertical lines appear inside the other. The code builds the SVG dynamically via the DOM API, creating 100 rectangles in each direction and applying masks defined with `<polygon>` elements. It uses no external libraries, relying purely on native SVG elements and JavaScript.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript. It shows a grid of overlapping horizontal and vertical bands, where a circular area in the center is masked to reveal only the vertical lines, while the outer region displays only the horizontal ones. The code builds the SVG via `document.createElementNS`, creates two SVG `<mask>` elements with circle and rect primitives to control visibility, and renders 100 rectangles per axis. No external libraries are used; the rendering entirely relies on native browser SVG APIs.

PPurshotam Bohra

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using two sets of horizontal and vertical stripes that interact with a circular mask. The circle at the center masks the horizontal stripes, while an inverted mask allows vertical stripes to appear only inside a second circular region. The code builds an SVG dynamically with JavaScript, creating 100 striped rectangles in each orientation and applying SVG masks to achieve the visual effect. It demonstrates a stark, geometric composition based on the artist’s generative instructions.

Xxyzcorrupt@gmail.com

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric drawing using raw SVG elements created via the JavaScript DOM API. It shows a grid of blue horizontal bands and red vertical bands, with a white circular mask that reveals both sets of stripes within its radius against a black background. The code constructs an SVG mask and applies it to rectangles tiled across the viewport, using mask elements and fixed pixel offsets to generate the layered pattern. No external libraries are used; the rendering relies entirely on native browser SVG and DOM manipulation.

Ccrees00

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction T

This example reproduces a Sol LeWitt geometric artwork using raw SVG elements in a full-window canvas. It shows a grid of thin vertical and horizontal lines intersecting to form a striped pattern, with a central circular region and a small square cutout highlighted by masks. The code creates two SVG masks—one with a black background and white circle/square, another with white background and black circle—to selectively show line orientations: horizontal stripes appear inside the circle, while vertical stripes appear outside it. Using plain JavaScript DOM methods like `createElementNS` and `setAttribute`, it generates 100 rectangles in each direction without any external libraries.

IisTeamoor

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition entirely through SVG elements. It shows a grid of horizontal and vertical bands that intersect within a centered circular boundary, creating a patterned interplay of lines and negative space. The code constructs the visualization using raw JavaScript and the SVG DOM API, creating two masks—one with a black background and white circle, the other with the inverse—to alternately reveal horizontal stripes inside the circle and vertical stripes outside it. One hundred rectangles are generated for each orientation, each masked to produce the final layered effect.

AAWLGAWLG

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing by layering two sets of striped rectangles over a central circular mask. A grid of horizontal and vertical bars is clipped to reveal a circle in the center, while the surrounding area shows only one orientation of stripes. Using plain JavaScript and the SVG API, it dynamically creates `rect` elements and applies two `mask` definitions with intersecting `circle` and `rect` shapes to alternate the visible stripes. The code runs entirely in the browser with no external libraries.

EErika Tomakic

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using raw JavaScript and the SVG API. It generates a grid of horizontal and vertical stripes, masked by two inverse circular masks to create a composition of intersecting lines. The code directly creates SVG elements via `document.createElementNS`, setting attributes for rectangles and masks to control the visible pattern. The rendering is dynamic, adapting to the browser window's full width and height.

DDilara Bozkurt

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG rendering approach. The visualization displays a grid of horizontal and vertical lines that are masked to create concentric circular patterns at the center of the viewport. The code dynamically generates 100 rectangular strips for each orientation, using inline SVG mask elements to clip the lines into the circular shapes. The piece runs entirely with native JavaScript DOM manipulation, creating the `svg`, `rect`, `mask`, and `circle` elements without external libraries.

AAdekola Aliu

89% match