Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Exercise 1: SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

803b9d530d6a43cdaf8997f0c257e2ce

Fork of Exercise 1: SVG Fundamentals

0 stars0🌍 Public
Aape-ape-ape
Last edited Apr 17, 2021
Created on Apr 17, 2021

Two gears made of interlocking cogs rotate continuously in opposite directions, driven by a small JavaScript animation embedded in the SVG. The code uses `animateTransform` with a `rotate` type to spin each gear group around its computed center, with speeds of 16 and 10 seconds per revolution. The gears are drawn as path elements with a brown fill and stroke, scaled and translated into place. The example demonstrates fundamental SVG manipulation and animation without external libraries.

AI-generated description

Sunrise/sunset.