Skip to main content
100%

Sol Lewitt with D3 Project (from Scratch)

✓ Published0🌍 Public
CCasualWanderer20XX
Last edited Sep 11, 2025
Created on Sep 10, 2025
Forked from HTML Starter

This example recreates Sol LeWitt’s geometric wall drawings using D3.js, rendering a dense grid of thin vertical and horizontal lines across the full browser window. Two opposing masks, each containing five distinct symbols from D3’s `symbol` API, selectively hide or expose portions of the line grid, creating overlapping, patterned regions. The visualization uses `d3.select`, `range`, and `join` to generate 120 rectangles in each orientation, with SVG masks applied via `mask.append` and `attr('mask', ...)`. The result is a digital homage that blends generative code with minimalist art.

AI-generated description

Built using a template.

I did use the fork i had used while watching the tutorial as a guide for me to make my project, but I wanted to make it using a template to get into the know-how by experience.

MIT Licensed

Similar vizzes