Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Epis 4 Select

Public visualization

Viewing a saved revision (read-only)

19ae1a56a4274f559303e3ec8dac13a2

Epis 4 Select

0 stars1🌍 Public
SSGPPellow
Last edited Sep 25, 2022
Created on Sep 25, 2022
Forked from Fork of Epis 4

A grid of thin horizontal and vertical bars appears to overlap, but masks create alternating shapes from the Unicode symbols embedded in the code. The visualization renders 100 rows and 100 columns, with each bar masked by one of eight symbols (like stars or hearts) repeated across the canvas. Built with React and D3.js (specifically `select`, `range`, `symbols`, and `symbol`), it uses SVG masks with inverted fills to produce the interplay. The source code relies on D3 v7.6.1, rendering to an SVG element that fills the browser window.

AI-generated description

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

See also React Starter.