Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Backup

Public visualization

Viewing a saved revision (read-only)

ab65b87a0e77417498ba200b95ea4214

Backup

0 stars1🌍 Public
GGbemiga Atolagbe
Last edited Apr 11, 2024
Created on Apr 10, 2024
Forked from HTML Starter

This example shows a full-screen SVG visualization made up of 100 vertical rectangles arranged side by side, each with a fixed width and height equal to the browser window. The code uses plain JavaScript and the `document.createElementNS` API to generate SVG `<rect>` elements, setting their `x` positions in increments of 20 pixels. It relies on `window.innerWidth` and `window.innerHeight` to determine the viewport size, and creates a static, non-interactive pattern that fills the entire screen.

AI-generated description

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

See also React Starter.