Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Casting Multiple

Public visualization

Viewing a saved revision (read-only)

8558a677e1464348bd5466cb589a5a88

Casting Multiple

0 stars1🌍 Public
Rrespingu
Last edited Sep 23, 2022
Created on Sep 23, 2022

This example generates a grid of horizontal and vertical stripes using 100 rectangles each, layered to create a woven pattern. Two SVG masks, one inverted, apply symbol shapes derived from D3's `symbol` API, casting the stripe pattern through alternating star-like forms. The code uses `d3.select`, `d3.range`, and `d3.join` to declaratively build the SVG elements within a React-free, vanilla JavaScript environment, with dimensions spanning the full window.

AI-generated description

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

See also React Starter.