Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 all symbols

Public visualization

D3 all symbols

0 stars1🌍 Public
Jjony6290
Last edited Jun 19, 2023
Created on Jun 15, 2023
Forked from Sol LeWitt With D3

This example displays a grid of horizontal and vertical stripes overlaid with all D3 symbols. The code generates two sets of 100 rectangles each, using D3’s `range` and `selectAll` with `join` to create the stripes, and applies two SVG masks to reveal the symbols through the grid. Each mask is built by iterating over D3’s `symbols` array and rendering each symbol using the `symbol()` API, with the second mask inverted to create a contrasting overlay effect.

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