Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full Sol LeWitt Reproduction with D3

Public visualization

Full Sol LeWitt Reproduction with D3

0 stars0🌍 Public
Nnpinta
Last edited Oct 22, 2022
Created on Oct 22, 2022

This visualization reproduces a Sol LeWitt drawing by layering horizontal and vertical striped rectangles across the full canvas. It applies two SVG masks—one using a large circular path generated with `d3.symbol`/`d3.symbols` and the other a plain circle—to reveal different sections of the line grid. Built with D3 v7’s `select`, `range`, and `join` methods, the code dynamically creates 100 rows and columns of thin rectangles. The static example uses no external data, relying entirely on procedural generation within an SVG rendered by React.

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