Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full SolVit Starting with D3

Public visualization

Viewing a saved revision (read-only)

91a691fbedf54dad93b5b4ab66106e2a

Full SolVit Starting with D3

0 stars0🌍 Public
Pphilmae
Last edited Jan 2, 2023
Created on Jan 2, 2023
Forked from Starting with D3

This example generates a striped grid of horizontal and vertical rectangles, overlaid with two complementary masks that reveal distinct D3 symbol shapes in the negative space. Built with React and rendered as SVG, it uses d3.select, d3.range, d3.symbol, and d3.symbols to place the shapes. The first mask shows the symbols in white on black, while the second inverts the pattern, creating an interlocking visual effect across the full viewport.

AI-generated description

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

See also React Starter.