Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

lines

Public visualization

Viewing a saved revision (read-only)

e0af0d312a214bcea27b31c310725886

lines

0 stars1🌍 Public
AAkshay
Last edited Nov 17, 2022
Created on Nov 17, 2022

This example fills the browser window with 100 horizontal lines, each a thin SVG rectangle stacked at 20-pixel intervals. It demonstrates minimal procedural rendering using the Document Object Model API to create SVG elements (`document.createElementNS`) and set attributes like `width`, `height`, and `y`. The lines span the full viewport width, derived from `window.innerWidth/Height`, with no interaction or animation, showing a static grid-like pattern.

AI-generated description

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

See also React Starter.