Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Start d3

Public visualization

Start d3

0 stars0🌍 Public
BBart van Pelt
Last edited Dec 30, 2022
Created on Dec 26, 2022

The visualization creates a full-screen SVG pattern of horizontal and vertical lines, masked by shapes derived from the `d3.symbols` set. Each line is a rectangle positioned by data generated with `d3.range`, and the masks use `d3.symbol` to render glyph-shaped cutouts. The visualization shows the interplay between the line grid and the symbolic mask shapes, which alternate between inverted and non-inverted states. The code uses the `d3` library's `select`, `range`, `symbol`, and `symbols` APIs, along with SVG masks and paths.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed