Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Casting Multiple

Public visualization

Viewing a saved revision (read-only)

bafe2e3303ba442b8e9a203053d30a1c

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.