Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt With D3

Public visualization

Viewing a saved revision (read-only)

6890405d963a4c5ab65df6e8e1bdd5b4

Sol LeWitt With D3

1 star4🌍 Public
Jjony6290
Last edited Jun 15, 2023
Created on Jun 12, 2023
Forked from HTML Starter

This example recreates a Sol LeWitt wall drawing using D3.js to render layered geometric abstractions in SVG. The visualization combines horizontal and vertical striped rectangles with concentric arc paths, all filtered through SVG masks that selectively reveal or hide portions of each shape across the viewport. The code uses D3 selections with `range()` to generate repeated elements, `.join()` for data binding, and `mask` attributes to composite intersecting forms. The result is a dynamic, generative composition that responds to the browser window dimensions while echoing LeWitt’s systematic, rule-based artistic style.

AI-generated description

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

See also React Starter.