Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt Reproduction SVG

Public visualization

Sol Lewitt Reproduction SVG

0 stars1🌍 Public
Mmaximus2581
Last edited Jul 4, 2022
Created on May 10, 2022
Forked from HTML Starter

This example reproduces a Sol LeWitt-style geometric drawing using SVG, showing a grid of horizontal and vertical stripes that are masked to reveal a central circle. The visualization dynamically fills the browser window by setting the SVG width and height to the viewport dimensions. It constructs two SVG masks with white and black circles and rectangles, then renders 100 horizontal and 100 vertical stripe rectangles, each referencing a mask to clip the pattern. The code uses the DOM API `document.createElementNS` to build SVG elements programmatically with JavaScript.

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