Sol Lewit Reproduction Vertical

100%

Sol Lewit Reproduction Vertical

✓ Published1🌍 Public

Last edited Jun 18, 2023

Created on Jun 7, 2023

This example reproduces a Sol LeWitt-style drawing with vertical and horizontal striping. Thin vertical and horizontal rectangles are drawn across the full width and height of the viewport, each masked so only a central circular region reveals the intersecting grid pattern. The visualization uses D3 selections, data joins with `range()`, and SVG `mask` elements to layer two complementary color schemes. The code relies on D3 version 7.8.5 and renders entirely as an SVG graphic.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using D3.js to generate a grid of horizontal and vertical striped rectangles. The rendering uses SVG masks to create two overlapping circular cutouts, with horizontal lines visible in one circle and vertical lines in the other. The code builds the visualization with D3 selections, `range`, and mask elements, sizing it to the full browser window.

LLohitB

91% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical with D3

This example reproduces a Sol LeWitt-inspired drawing, showing a series of horizontal SVG rectangles that are masked to reveal a circle in the center of the viewport. The code builds the visualization using D3.js methods, specifically `select`, `append`, `attr`, and the `join` operation to create and style the shapes. By setting each rectangle's `mask` attribute to a predefined SVG mask, the piece demonstrates how layered vector shapes can create a generative, minimalist artwork. The rendered output uses SVG and occupies the full browser window.

WWasanta Pruttisarikorn

90% match

Loading thumbnail…

sol lewit reproduction

The visualization reproduces Sol LeWitt's geometric wall drawing style using horizontal and vertical striped rectangles layered and masked into circular and diamond-shaped forms. Built with D3 v7, it uses `select`, `range`, `join`, and `symbol` to generate SVG elements dynamically, with two masks (`#mask` and `#mask-2`) controlling visibility of the overlapping bands. The artwork renders at four times the window width, with dimensions derived from `window.innerWidth` and `window.innerHeight`, producing a large-scale, pattern-based composition.

KKerim

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece by rendering a series of 100 horizontal stripes, each drawn as an SVG rectangle, across the full width of the viewport. The rectangles are clipped through an SVG mask containing a circular cutout, producing a layered, geometric composition centered on the screen. The code uses the D3.js library’s `select` and `selectAll` functions to build and position the SVG elements, with the mask defined as a separate SVG `mask` element containing a black background and a white circle. The resulting pattern mimics LeWitt’s minimalist, algorithmic wall drawings using simple vector graphics.

MMaurice Huang

89% match

Loading thumbnail…

Sol LeWitt Repro w/ D3 - different method

This example reproduces a Sol LeWitt-inspired wall drawing by filling the screen with horizontal and vertical striped rectangles. It creates 100 rows and 100 columns, each 10 pixels thick, and layers them using two SVG masks to reveal a circular cutout where the orientations intersect. The visualization uses D3 v7’s `select`, `range`, and `join` to append SVG elements, while separate mask definitions with black and white fills control visibility. Rendering is fully SVG-based, with window dimensions driving the canvas size.

Hhelloelectro

89% match

Loading thumbnail…

Sol LeWitt Reproduction - D3 (2)

This example reproduces a Sol LeWitt drawing using D3 version 7. It overlays two sets of striped rectangles—one horizontal and one vertical—each limited to a circular region through SVG mask elements. The horizontal stripes are masked by a circle in a black rectangle, while the vertical stripes use an inverted mask with a black circle on white. The visualization fills the entire browser window, with stripes spaced at 20-pixel intervals. The code uses `d3.select`, `d3.range`, and SVG `mask` elements to achieve the geometric composition.

MMatheesha Yapa

89% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style geometric composition as a vertical grid of alternating vertical and horizontal stripes. It shows a structured visual pattern where two circular masks define regions of overlap, creating a cross-shaped interplay of lines. The rendering uses plain SVG elements—`rect` and `circle`—with two custom masks (`circle-mask` and `circle-mask-2`) to control which stripes appear in each area. The code dynamically generates 100 vertical and 100 horizontal rectangles, each styled with a distinct mask, to achieve the final layered effect. No external libraries are used; the visualization relies solely on native SVG and JavaScript.

Mmaciekawsq@gmail.com

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical stripes that are partially revealed through two circular masks. The horizontal stripes are masked by a circle with a white fill on a black background, while the vertical stripes use the inverse mask, creating a cross-like interplay of lines within the circular region. Built with D3 v6, the code uses `selectAll` and `join` to create 100 rectangles in each direction, with `range(n)` providing the data. The SVG masks, defined via `mask` and `circle` elements, control which parts of the stripes are visible.

Jjv

89% match