Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

soli d3 experiments refactor

Public visualization

Viewing a saved revision (read-only)

62f2353a4e7740099824e570e32a517e

soli d3 experiments refactor

0 stars0🌍 Public
Rrwata97
Last edited Apr 20, 2023
Created on Apr 20, 2023

This example uses D3 v6 to render a full-screen SVG with 100 horizontal rectangles stacked vertically. A single white 150×150 pixel mask is applied via the `mask` API, revealing only the section of the striped pattern that overlaps the mask’s area. The code builds the visualization by appending a `<mask>` element, adding a white rectangle to it, and then joining data from `range(n)` to create the stripes. The CSS classes `.first` and `.second` are defined but unused, and the commented-out code suggests previous experiments with clip paths.

AI-generated description

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

See also React Starter.