Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction with D3 - Shapes

Public visualization

Sol LeWitt Reproduction with D3 - Shapes

0 stars0🌍 Public
Aa0x0
Last edited Sep 17, 2023
Created on Sep 11, 2023

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js version 7, rendered as SVG in a React-free HTML page. It displays 100 horizontal and vertical barcode-like stripes that intersect with a row of alternating filled and unfilled symbol shapes (circles, crosses, diamonds, and others) generated via `d3.symbol` and `d3.symbols`. Two SVG masks (`mask-1` and `mask-2`) use inverted fill colors to selectively reveal or hide the stripes, creating a dynamic interlocking pattern across the full viewport width and height.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed