Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Starter

Public visualization

Viewing a saved revision (read-only)

6b22ddf6290e4770a06c86946b2c8291

Fork of Starter

0 stars1🌍 Public
JJoel Wilson
Last edited Nov 7, 2024
Created on Nov 6, 2024

This example reproduces a Sol LeWitt drawing as an interactive full-window SVG. It shows a grid of vertical and horizontal black bars with a central circular region where the bars are masked away, creating a white circle against a striped background. The code uses raw DOM APIs like `document.createElementNS` and `setAttribute` to construct SVG elements dynamically, and SVG `<mask>` elements to selectively hide bars within the circle. The dimensions of the composition are computed from `window.innerHeight` and `window.innerWidth`, adapting the artwork to any viewport size.

AI-generated description

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

See also React Starter.