Jump to content


Pull animation element coordinates from Google Sheets

Moderator Tag

Recommended Posts

Hi there,

I have this animation made in After Effects. I've exported it as a Lottie animation for now, but I'd like it to be driven by a Google Sheet of location coordinates. The goal is for this to run as a hero animation on the website, without me having to do anything when a new location is added. Instead, the marketing team would simply enter map coordinates in Google Sheets and yet another dot would appear on the map.


Is GSAP a potential solution for this?



See the Pen ExevXbr by lessing (@lessing) on CodePen

Link to comment
Share on other sites



Definitely! GSAP can handle SVG without any problem (assuming that you'll export your setup as SVG vectors so they can be animated with GSAP), then you can get your data from anywhere you want as JSON for example and use it to create your animation or add/remove dots to your map. How do you get your data is quite irrelevant to be honest, just get the data from any server and tell GSAP what to do in terms of your animation.


Hopefully this helps. If you have more doubts, please create a minimal demo that we can take a look at in order to give you the best possible support.

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.