Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

js-visualization

Public visualization

Viewing a saved revision (read-only)

3b2cc6dde950446e824c100e16a2dbec

js-visualization

0 stars0🌍 Public
GGusnaRWX
Last edited Dec 18, 2023
Created on Dec 18, 2023
Forked from HTML Starter

This example renders two sets of overlapping SVG rectangles—horizontal red stripes and alternating green vertical stripes—that are masked by circular cutouts to create a dynamic patterned display. The entire visualization rotates continuously via CSS animation. The code builds the SVG scene imperatively using the DOM API, creating masks, rectangles, and circles with `document.createElementNS`, while styling spins through keyframes defined in CSS.

AI-generated description

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

See also React Starter.