Spinning earth svg using animate transform

Viewed 414

I'm trying to animate earth spin using SVG <animateTransform> attribute, following this tutorial.

It works fine, but when I apply it on my own SVG, I'm having trouble maintaining the earth map inside the circle, and I can't understand why since it's the same code as the tutorial and different width. Codepen

Note

Search for earth to find the relevant code.

Where did I go wrong when I applied it on my SVG?

1 Answers
Related