Fork of Fourth Class 2

100%

Fork of Fourth Class 2

✓ Published1🌍 Public

Last edited May 23, 2022

Created on May 23, 2022

A grid of thin, closely spaced horizontal and vertical black bars on a white background forms a woven, striped pattern. The bars are drawn only within the bounds of a central circle, creating the illusion of a textured disc. The code uses the D3.js `select`, `append`, and `data` APIs with `join` to generate the SVG rectangles. Two SVG masks, `circle-mask` and `circle-mask-2`, are defined to combine the bar patterns with a circular region, reproducing the geometric aesthetic of a Sol LeWitt art piece.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fourth Class

This example recreates a Sol LeWitt-style geometric composition using two overlapping sets of striped rectangles: one set of horizontal bars and one of vertical bars. The bars are selectively revealed through two circular SVG masks, creating a layered grid pattern with a central circular intersection. The visualization is built with D3.js, using `select`, `range`, and data joins to generate 100 rectangles in each direction, and `mask` elements with `circle` shapes to control visibility. The piece is rendered as an SVG that fills the entire browser window.

Ccssergio

87% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction D3

This example reproduces Sol LeWitt’s geometric art using a grid of alternating horizontal and vertical bars. Two circular masks reveal and invert the pattern at the center, creating a cross-shaped visual contrast. The visualization is built with D3 v7, using `select`, `range`, and SVG `rect` elements. Each bar is assigned a mask ID via `attr('mask', ...)`, while the masks themselves are constructed with appended SVG `rect` and `circle` shapes.

Aalexscott-untitled

83% match

Loading thumbnail…

Fork of Full Sol LeWitt reproduction with D3

A grid of alternating black and white horizontal and vertical bars forms a woven pattern, with a circular mask revealing a black star shape on one layer and a white star on the other. The visualization uses a D3 SVG rendering with two masked rectangle groups, each drawn from 100 equally spaced strips. The masks combine a full-screen rect with a `d3.symbol` path of type `symbols[1]`, translated to the center, to create the contrasting star overlays.

ZzolboBatsaikhan

82% match

Loading thumbnail…

Fork of Sol Lewit d3

This example generates a geometric Op-art style composition with a grid of horizontal and vertical bars. Rendered as SVG using D3 version 7, it uses `select`, `range`, `join`, and `symbol` to create 100 rectangles in each orientation. Two SVG masks (`circle-mask` and `circle-mask-2`) combine black-and-white shapes to selectively reveal the bars, producing a circular cutout effect.

Aayo

82% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt art piece using D3, generating a series of horizontal bars that are clipped by a circular mask. The visualization fills the entire browser window with alternating offset rectangles, creating a geometric pattern. The code uses D3's `select` and `range` functions to build SVG elements, though the mask and circle logic is present but commented out. The rendered output shows a grid of colored bands restricted to a central circular area.

Bbtlhgboy@icloud.com

82% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric artwork using D3.js and SVG rendering. It displays a grid of horizontal and vertical black bars that are partially revealed through two circular mask effects, creating intersecting line patterns across the full viewport. The visualization uses d3.select and data joins to generate 100 rectangle elements for each orientation, while SVG mask elements with circle shapes control which portions of the lines remain visible. The bars are positioned mathematically based on array indices, with the masks centered in the window to produce the layered optical effect.

Kkwambokar

82% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3. It displays a series of 100 horizontal bars overlaid with a circular mask that reveals only the central area of the pattern. Built with the D3 `select` and `range` APIs, the code constructs SVG elements via raw `document.createElementNS` calls and applies a mask to hide bars outside the circle. The design uses black rectangles on a white background, with the circle placed at the center of the viewport.

AAdeelah Mir

82% match

Loading thumbnail…

Fork of TD_Sol_Lewitt_FINAL

This interactive SVG artwork reproduces a Sol LeWitt-style drawing, displaying two overlaid grids of horizontal and vertical black bars. The horizontal bars appear inside a centered circle, while the vertical bars appear outside it, creating a contrast between the two regions. Using inverse masking via the SVG `mask` element, the code defines two complementary circular masks to selectively reveal each grid. The presentation is generated entirely through JavaScript and the native SVG DOM API, with a black-and-white geometric aesthetic.

TTatjana Dzambazova

82% match