Color Bands, Plate #04 by Sol LeWitt in D3

100%

Color Bands, Plate #04 by Sol LeWitt in D3

✓ Published0🌍 Public

Last edited Aug 6, 2024

Created on Aug 5, 2024

This visualization reproduces Sol LeWitt’s Color Bands, Plate #04 by rendering four concentric rainbow-colored arcs on a black square canvas. Three separate masked groups show different quarter- or half-circle segments of the rings, with colors chosen sequentially to avoid immediate repetition. The code uses D3’s `arc` generator and `mask` elements, along with utilities like `select` and `range`, to build the SVG output dynamically based on the window dimensions.

AI-generated description

Reproduction of Sol LeWitt's Color Bands, Plate #04 using D3

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3 to generate a grid of alternating horizontal and vertical bands across the full viewport. Two masks reveal circular cutouts: the first exposes a black circle on a transparent background, while the second creates an inverse pattern. The code uses D3's `select`, `append`, and `join` APIs to efficiently construct SVG rectangles from `range(n)` data, with masks defined via SVG `mask` elements containing `rect` and `circle` shapes, rendering entirely as vector graphics.

Mma-jacobs

81% match

Loading thumbnail…

Sol LeWitt reproduction with D3

This D3.js reproduction of a Sol LeWitt piece covers the viewport with two sets of striped rectangles—horizontal bands and vertical bands—that intersect at a central circular area. The rendering uses SVG masks (`circle-mask` and `rect-mask`) to selectively reveal or hide stripes, creating the illusion of a circular window through the grid. The code draws 100 rects in each orientation, layering them with opposite mask fills to alternate visibility. This generative artwork leverages D3's `select`, `range`, and `join` API to build the SVG structure dynamically, scaling to the full window size.

DDilara Bozkurt

81% match

Loading thumbnail…

D3 Version Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using D3 v6 to generate dense horizontal and vertical striped patterns across the full viewport. Through two circular SVG masks, the code selectively reveals horizontal lines in one circular region and vertical lines in an overlapping area, creating a striking crosshatch effect. The rendering employs D3 selections with `range(n)` to generate 100 rectangular bars per axis, applying masks via `attr('mask', 'url(#circle-mask)')`. The piece demonstrates minimalist geometric abstraction through programmatic SVG construction.

EEdgar Cortez

80% match

Loading thumbnail…

Sol LeWitt Reproduction with D3-episode 04

This piece displays a visual grid of alternating horizontal and vertical strips that are revealed through two contrasting circular masks. Built with the D3 library (version 6.6.1), it generates 100 semi-transparent rectangular bands in each orientation, with one mask using a black background and the other using white to invert the visible regions. The composition forms an intersecting pattern that echoes Sol LeWitt’s geometric style, rendered entirely through programmatic SVG element creation.

Mmaxthamt

80% match

Loading thumbnail…

Sol LeWitt Reproduction with D3 AG

A D3.js reproduction of a Sol LeWitt art piece renders a grid of horizontal and vertical bars on a full-window SVG canvas. Two mask elements with contrasting black-and-white fill patterns clip the bars, creating a circular window at the center that reveals the layered strip intersections. The code uses `select`, `range`, `join`, and `attr` to generate 100 rectangles in each direction, with `append('mask')` defining the circle masks. The composition directly reflects LeWitt's geometric, rule-based aesthetic through D3's data-driven SVG generation.

Gguththered

80% match

Loading thumbnail…

Sol LeWitt Reproduction with D3 -pr

A grid of thin horizontal and vertical bands fills the browser window, but a circular mask reveals only the central intersection of the two patterns. The piece reproduces a Sol LeWitt wall drawing. Created with D3.js (v6.6.1) using `select`, `range`, and `.join` to build SVG `rect` elements, it applies two SVG masks—one with a black background and white circle, the other inverted—to cut the stripes into a disc-like view at the center of the canvas.

NNaveen Pratiksha

80% match

Loading thumbnail…

Sol Lewitt Variant with D3

This example reproduces Sol Lewitt’s geometric wall drawing as an interactive SVG visualization. It displays a grid of alternating horizontal and vertical stripes, masked into two overlapping circular windows at the center of the canvas. Using D3 selections and data joins, the code generates 100 rectangles in each direction via `range(n)`. Two SVG masks with complementary black-and-white circles control which stripes appear inside each circle, creating a layered optical effect.

Iibaird6@gatech.edu

80% match

Loading thumbnail…

Sol LeWitt Reproduction D3

This visualization reproduces a Sol LeWitt drawing using D3.js, displaying a grid of alternating horizontal and vertical black lines that form a circular pattern. It uses SVG masks with two complementary circular cutouts to create the intersecting line effect. The code leverages D3’s `select`, `range`, and `join` APIs to generate and bind 48 rectangles in each orientation, with each set masked to reveal only the portion inside or outside the circle.

Ttverdone

80% match