Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Sol LeWitt Reproduction mid point one

Public visualization

Fork of Sol LeWitt Reproduction mid point one

0 stars0๐ŸŒ Public
GGbemiga Atolagbe
Last edited May 1, 2024
Created on May 1, 2024

This example is a generative art piece that reproduces a Sol LeWitt-style drawing, featuring a circular grid of horizontal and vertical lines. The visualization uses SVG elements created programmatically with vanilla JavaScript, without any external libraries. A circular mask, defined via the SVG `mask` element, is applied to the horizontal lines so that they only appear inside the circle, while the vertical lines span the full canvas. The code calculates the viewport dimensions from `window.innerWidth` and `window.innerHeight` to generate 100 of each line type, creating a minimalist geometric pattern.

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