Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loop Colori

Public visualization

Viewing a saved revision (read-only)

d50d8aa41c14451d9f0b27db502e868e

Loop Colori

0 stars0🌍 Public
KKarreb94
Last edited Nov 2, 2022
Created on Nov 2, 2022
Forked from Prova JS

Loop Colori generates a full-screen SVG composition of 200 vertical rectangles, each stroked with a thick border, cycling through a fixed palette of orange, red, purple, and blue. The code uses plain JavaScript with the DOM API to create SVG elements via `document.createElementNS`, setting attributes for position, width, height, fill, and stroke. A nested loop condition alternates the fill and stroke colors among the four array values, producing a striped, repeating pattern across the viewport. The example relies on no external libraries, only native browser APIs for rendering.

AI-generated description

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

See also React Starter.