Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

LeWitt Reproduction vertical

Public visualization

LeWitt Reproduction vertical

0 stars4🌍 Public
Ggrassfluffy02
Last edited Nov 5, 2023
Created on Nov 5, 2023
Forked from Dataviz_project

This example reproduces a Sol LeWitt-inspired drawing by generating a grid of horizontal and vertical stripes that intersect across the full browser window. Two SVG masks create a central circular aperture: the first mask reveals the horizontal stripes inside the circle, while the second reveals vertical stripes outside it, producing a clean compositional contrast. The page builds the SVG programmatically using vanilla JavaScript and the DOM API, with no external libraries. The code sets element dimensions from `window.innerWidth` and `window.innerHeight`, ensuring the artwork adapts to the viewport.

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