Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt

Public visualization

Viewing a saved revision (read-only)

61ebba5f965a48e7b2feedf9d0084ee6

Sol LeWitt

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

This example generates three full-screen SVG compositions of overlapping horizontal and vertical striped rectangles, each masked into a distinct geometric shape: a circle, a triangle, and a rectangle. Using D3 v7, it constructs 100 thin bars per axis and applies SVG masks to reveal only the portions inside each shape. The code combines D3’s selection and join methods with custom mask definitions and symbol paths, such as `d3.symbolTriangle`, to render the layered patterns in the browser.

AI-generated description

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

See also React Starter.