GiRiB&W_Ep3-Sol_LeWitt-FullRepo-pt3

GiRiB&W_Ep3-Sol_LeWitt-FullRepo-pt2

This visualization reproduces a Sol LeWitt-inspired geometric composition using alternating horizontal and vertical striped rectangles, masked by two overlapping circle shapes to create a dynamic intersecting pattern. The piece uses D3.js (v6.6.1) with specific imports including `select`, `range`, `symbols`, and `symbol` to generate the SVG output. It creates a 100-stripe grid where horizontal and vertical bands are each constrained by a separate SVG mask—one with a black background and white circle, the other inverted—resulting in a crossfading intersection of line directions. The code dynamically sizes elements to the window dimensions.

96% match

GiRiB&W_Ep3-Sol_LeWitt-FullRepo-pt5

This visualization reproduces a Sol LeWitt art piece using overlapping horizontal and vertical stripes. A grid of thin black rectangles is layered in both orientations, each masked by one of two complementary masks that reveal different symbol shapes. The code uses D3 selections, `range`, and `symbol` to generate the masks, with `svg.append('mask')` defining white or black fill areas. Rendered as SVG in the browser, it dynamically fills the viewport and cycles through D3’s symbol types at varying positions.

95% match

GiRiB&W_Ep4-Sol_LeWitt-FullRepo Ex

This example recreates a Sol LeWitt-inspired grid of horizontal and vertical lines that are partially revealed by two SVG masks containing geometric shapes and D3 symbols. The code uses D3 selections and data joins to draw one hundred alternating stripes across the screen, while the `renderMask` function builds each mask with rectangles and paths generated from `d3.symbol` glyphs. Rendered as an SVG, the piece uses black and white fills to create a dynamic interplay between the line grid and the symbolic cutouts.

94% match

GiRiB&W_Ep3-Sol_LeWitt-FullRepo-pt1

A generative black-and-white composition reproduces a Sol LeWitt-inspired wall drawing using intersecting grids of horizontal and vertical bands. Two D3 masks define contrasting circular cutouts at the center, where one mask inverts the visible area and the other reveals it. Built with d3-selection, `range`, and `symbol` from D3 v6, the rendering uses SVG paths and rectangles to layer the striped fields. The artwork runs full-window in an HTML page with JavaScript.

GiRiB&W_Ep3-Sol_LeWitt-FullRepo-Exercise_1

This visualization reproduces a Sol LeWitt-inspired geometric composition using D3.js. It displays ten horizontal black rectangles stacked vertically across the left half of the SVG canvas, with each rectangle’s vertical position mapped through a linear scale from the data range to half the window height. The code uses `d3.range` and `d3.scaleLinear` to generate and position the shapes, applying an SVG mask that is defined but not fully rendered in the provided source. The artwork is generated programmatically in an SVG format, directly responding to the browser window dimensions.

GiRiB&W_Ep4-Sol_LeWitt-FullRepo Ex V2

A generative black-and-white composition reproduces a Sol LeWitt-style grid, layering horizontal and vertical bars across the full viewport. The piece alternates masked regions filled with geometric symbols from the D3 symbol set, splitting the canvas into six equal sections with alternating inverted palettes. Using D3 v6 selection and data-join methods, the code constructs four SVG mask groups, each combining rectangles and paths to create overlapping positive and negative spaces. The visualization relies entirely on SVG rendering and D3’s `symbol` and `symbols` APIs to draw the abstract forms.

GiRiB&W_Ep3-Sol_LeWitt

This example reproduces a Sol LeWitt-style geometric composition using only D3 selections and SVG masks. It shows a grid of alternating horizontal and vertical black bars, with a circular region in the center where the pattern reverses contrast. The horizontal bars use a mask that reveals them only inside the circle, while the vertical bars use an inverse mask, creating the interplay. The code leverages D3’s `select`, `range`, and `join` to generate the repeating rectangles, and SVG `mask` elements with `circle` shapes to define the visible areas.

GiRiB&W_JM_Ep3-ex

The visualization replicates a Sol LeWitt–style geometric composition using repeated horizontal and vertical bands formed by hundreds of thin rectangles, rendered as SVG. Two circular masks—one with a black background and white circle, the other inverted—reveal and hide intersecting strips, creating a dynamic black-and-white pattern at the center. Built with D3 v6, the code uses `select`, `range`, and `.join()` to generate the rectangles, while SVG `<mask>` elements define the circular cutouts. The artwork fills the entire browser window, adapting to viewport dimensions.