Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt reproduction

Public visualization

Sol LeWitt reproduction

0 stars0🌍 Public
SSantiago Toso
Last edited Mar 17, 2023
Created on Mar 17, 2023
Forked from HTML Starter

This example reproduces a Sol LeWitt wall drawing using SVG masks to create a circular window into intersecting grids of vertical and horizontal bars. The code builds two complementary masks—one with a white background and black circle, the other inverted—so that vertical lines appear outside the circle while horizontal lines appear inside it. It uses raw DOM manipulation with `document.createElementNS` and D3’s `selection` import, and sizes the artwork responsively to the viewport dimensions.

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