LeWitt Horisontal

100%

LeWitt Horisontal

✓ Published2🌍 Public

Last edited Sep 26, 2022

Created on Sep 23, 2022

This example generates a full-screen composition of horizontal bars, using D3.js to create SVG rectangles that tile the viewport. The visualization relies on D3’s `select` and `append` API to build the SVG structure dynamically. The pattern resembles Sol LeWitt’s wall drawings, with a straightforward, systematic placement of bars. The code includes commented-out mask and circle elements, though these are not active in the final render. The result is a clean, generative graphic that adapts to the browser window size.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

LeWitt Vertical

This example creates a generative, grid-based composition inspired by Sol LeWitt’s wall drawings. It renders a series of black vertical bars evenly spaced across the full width and height of the browser window. The visualization is built entirely with raw SVG elements created via the Document Object Model API, using `document.createElementNS` and `setAttribute` to add rectangle shapes directly to an SVG container. No external libraries are used, and the bar width and spacing are calculated dynamically from the viewport dimensions. The result is a simple, minimalist pattern that fills the screen.

Ttomasnihlen

91% match

Loading thumbnail…

D3 - LeWitt Horisontal

This example creates a generative grid of horizontal and vertical bars using D3.js, with a circular mask that reveals the intersection of the patterns. The visualization uses `select`, `range`, `append`, `attr`, and `join` to build SVG `rect` elements dynamically, while two masks (`circle-mask` and `circle-mask-2`) invert the visibility of the bars within a central circle. The result is a crosshatch of lines forming a negative-space circle at the center of the canvas, rendered in pure SVG without external data.

Ttomasnihlen

89% match

Loading thumbnail…

LeWitt

This example generates a minimalist geometric composition inspired by Sol LeWitt, using raw JavaScript and the SVG DOM API. It creates a grid of vertical and horizontal bars by appending `rect` elements to an SVG canvas that fills the entire browser window. The vertical bars are positioned on the left half, while horizontal bars extend from the center to the right, with spacing based on a fixed bar width and the window dimensions. No external libraries are used; the code relies on `document.createElementNS` and manual attribute setting.

Ttomasnihlen

88% match

Loading thumbnail…

LeWitt D3

This example creates a full-screen generative drawing inspired by Sol LeWitt’s minimalist wall drawings, using raw SVG rectangles rather than the D3 library (which is listed as a dependency but unused in the code). It calculates the number of bars based on the browser window’s width and height, rendering evenly spaced vertical black bars that alternate with gaps of equal size. The rendering approach directly manipulates the SVG namespace via `document.createElementNS`, setting each rectangle’s position and dimensions dynamically to fill the viewport. The result is a simple, procedural grid pattern that responds to the window size.

Ttomasnihlen

87% match

Loading thumbnail…

D3 - LeWitt Full 5

This example generates a generative art composition in the style of Sol LeWitt, using an SVG canvas and D3.js. Horizontal and vertical striped bars are combined with two masks containing scaled D3 symbols, creating an intersecting interplay between the bar grid and the shapes. The code uses `d3.select`, `d3.range`, `d3.symbols`, and `d3.symbol` with `d3.symbol()` to render the masked paths. The output is a purely procedural, abstract visualization driven by layout and masking logic, with no external data source.

Ttomasnihlen

86% match

Loading thumbnail…

D3 - LeWitt Full 3

This visualization uses D3.js to generate a layered composition of horizontal and vertical bands that interact through custom SVG masks. The code creates 100 alternating stripes across the canvas, with horizontal bars masked against circular symbols and vertical bars masked against their inverse, producing an intricate geometric interplay inspired by Sol LeWitt's wall drawings. Using D3's `select`, `range`, and `symbol` APIs, the example constructs two overlapping line grids whose visibility is modulated by the mask patterns, creating a dynamic Moiré-like effect. The piece is rendered entirely as SVG, with the mask system built through reusable functions that toggle between positive and negative space.

Ttomasnihlen

85% match

Loading thumbnail…

Sol LeWitt Horizontal Shapes D3

A generative grid of horizontal and vertical bars intersects through two circular masks, creating a play of striped rectangles against a contrasting background. Built with D3 v7, the visualization uses `select`, `range`, and data joins to render 100 line segments in each orientation. SVG masks define the overlapping circles: one reveals vertical stripes inside a white circle, while another reveals horizontal stripes outside it, producing an interlocking geometric composition.

Eeric.r.thornhill@gmail.com

83% match

Loading thumbnail…

Sol LeWitt with D3

This example generates a grid of 100 horizontal and vertical bars in SVG using D3’s `select`, `range`, and `join` methods. Two circular masks reveal overlapping patterns: the first shows horizontal bars inside a white circle, while the second inverts the effect for vertical bars. The rendering uses D3 selections to append rectangles and mask elements to the page, creating a Sol LeWitt-inspired geometric composition.

JJetlinZ

83% match