Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Sol Lewitt

Public visualization

Viewing a saved revision (read-only)

5e5575e631344fa6b05174e045af2b03

D3 Sol Lewitt

0 stars0🌍 Public
Aadonisacruz0@gmail.com
Last edited May 16, 2024
Created on May 16, 2024
Forked from HTML Starter

This example generates a geometric composition reminiscent of Sol LeWitt's wall drawings, using a series of horizontal and vertical bands that are selectively revealed through SVG masks. The design employs two distinct masks, each containing a circle, triangle, and rectangle, to create overlapping positive and negative shapes against a full-screen canvas. Built with D3 v7 and rendered as SVG, the code defines shapes using `d3.symbol()` for the triangle path, while the masks apply `url(#circle-mask)` and `url(#circle-mask-2)` to alternating striped rectangles. The result is a dynamic interplay of primary colors in black and white, driven entirely by procedural generation.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.