Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Catch me

Public visualization

Viewing a saved revision (read-only)

8646593d29914485975446220acfd40f

Catch me

0 stars3🌍 Public
CChristoph Diefenthal
Last edited Apr 2, 2020
Created on Mar 31, 2020
Forked from Let's make a face

Two framed photographs sit side by side on a blank canvas, one on the left and one on the right, with a single image sliding horizontally between them in an endless chase. Using d3 v5, the animation is driven by a recursive `repeat()` function that applies chained `transition()` calls with `duration` and `attr('transform')` to move the sliding image, while `Math.random()` introduces variable speed each cycle. The images are loaded as SVG `<image>` elements with hard-coded Google-hosted URLs, and the scene is centered via a `<g>` transform.

AI-generated description