Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Video2

Public visualization

Viewing a saved revision (read-only)

a37d5cd64c0c45688fceda392b7e6b59

Video2

0 stars0🌍 Public
CChristoph Diefenthal
Last edited Apr 3, 2020
Created on Apr 3, 2020
Forked from Video

A video plays inside a circular mask on a yellow canvas, while the entire composition spins and translates via D3's `d3.timer` and `attr` transforms. The example embeds an HTML5 `<video>` element within an SVG `foreignObject`, clipped by CSS `border-radius` and `-webkit-mask-image`. A second separate video control also appears. The code uses D3 v5 to manipulate SVG groups (`g`), circles, and transitions, demonstrating video integration with animated SVG graphics.

AI-generated description