Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loop of Sol Lewitt reproduction with d3

Public visualization

Viewing a saved revision (read-only)

52e159d5102f4fe5be337f6ff6079892

Loop of Sol Lewitt reproduction with d3

0 stars6🌍 Public
Cclara7227
Last edited Nov 11, 2022
Created on Nov 11, 2022

This visualization reproduces a Sol LeWitt drawing by layering horizontal and vertical striped rectangles over a grid of 100 lines each, rendered as SVG shapes. The piece uses d3's `range`, `select`, `append`, and `join` APIs to generate the geometry, with mask elements that reveal or hide alternating shapes. Two masks, one inverted, create a loop of contrasting black-and-white symbols from d3's `symbols` array, including shapes like stars and crosses, positioned across the canvas. The code relies on d3 6.6.1 within a React-free HTML page, styling text with Archivo and IBM Plex Sans fonts.

AI-generated description

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

See also React Starter.