Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Epis 4

Public visualization

Viewing a saved revision (read-only)

365931dc11bd44e0a943ebc355de3375

Fork of Epis 4

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

This example creates a full-screen interactive grid of horizontal and vertical bars overlaid with circular masks. The visualization uses D3’s `select` and `range` to generate 100 thin rectangles along each axis, producing a crosshatch pattern. Two SVG masks hide all but a central circular area, revealing the intersecting lines within the circle against a blank background. The code relies on D3’s data join (`join('rect')`) to bind array values to SVG elements, demonstrating a declarative approach to building static geometric compositions.

AI-generated description

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

See also React Starter.