Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Visualization with DOM

Public visualization

Pseudo Visualization with DOM

0 stars1🌍 Public
Jjeevanprasad.shivarathri@zemosolabs.com
Last edited May 8, 2026
Created on May 7, 2026
Forked from SVG Fundamentals

This example demonstrates a striped optical illusion using pure SVG and the DOM API. It draws vertical black stripes across the entire canvas, then uses a mask with a black circle to hide those stripes inside the central circle. Inside that circle, a clipPath restricts horizontal black stripes, creating a contrasting orientation shift. The code uses `document.createElementNS` and `setAttribute` to construct SVG elements dynamically without any external libraries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed