Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first D3

Public visualization

Viewing a saved revision (read-only)

7902b5bc789e47fcb0179634b872fa00

first D3

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

This example shows a fullscreen grid of 200 vertical rectangles, each a random color, animating upward indefinitely. The rendering approach uses raw SVG elements created via the `document.createElementNS` API, with styles set directly on each rectangle. The animation relies on the Web Animations API (`element.animate`) to translate each rectangle along the Y-axis with randomized durations and infinite iterations. No external JavaScript libraries are used; the page is a minimal HTML document with inline CSS and JavaScript, demonstrating basic D3-free DOM manipulation for a generative visual effect.

AI-generated description

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

See also React Starter.