Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fun-animation

Public visualization

Viewing a saved revision (read-only)

40cfb9ec89f34b5fb78a0eef6004421d

Fun-animation

0 stars1🌍 Public
GGabriel Ing
Last edited Dec 13, 2024
Created on Dec 12, 2024
Forked from psuedo-bubblechart

This example shows a screen-filling SVG animation of thin vertical lines that pulse outward into thicker bars over time. A circular mask reveals the animation at the center, with the mask radius itself expanding and contracting rhythmically. The code generates lines with a gradient color scheme based on their horizontal position, skipping every third line, and animates a subset of lines using SVG’s native `<animate>` element. The visualization uses raw JavaScript and the SVG DOM API, with no external libraries.

AI-generated description