Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of LeWitt Recreation w/ D3

Public visualization

Fork of LeWitt Recreation w/ D3

0 stars0🌍 Public
CChirag
Last edited Sep 28, 2023
Created on Sep 28, 2023

This example recreates a LeWitt-style drawing using an SVG canvas populated with two intersecting sets of 100 rectangular bars—horizontal and vertical bands that form a grid. A circular mask is applied to the horizontal bars, and an inverted circular mask is applied to the vertical bars, producing a central circle where only the vertical lines appear, while the surrounding area shows both orientations. The visualization uses D3 version 7, specifically the `select` and `range` functions, to generate the rectangles and apply SVG mask elements dynamically based on the window dimensions.

AI-generated description

A bare minimum HTML page demonstrating use of D3 following the course of Curran Kelleher on YouTube

Comments

Sign in to join the discussion.

MIT Licensed