https://github.com/dbabbs/strava-animator

Automatically create animations of your Strava activity
https://github.com/dbabbs/strava-animator

animation heremaps leaflet strava tangram

Last synced: about 1 month ago
JSON representation

Automatically create animations of your Strava activity

• Host: GitHub
• URL: https://github.com/dbabbs/strava-animator
• Owner: dbabbs
• Created: 2019-03-30T18:42:11.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-09-10T17:33:58.000Z (over 5 years ago)
• Last Synced: 2024-10-13T21:12:20.539Z (3 months ago)
• Topics: animation, heremaps, leaflet, strava, tangram
• Language: JavaScript
• Homepage: https://dbabbs.github.io/strava-animator/
• Size: 20.7 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Strava Animator

Make animations based on your Strava data, such as:

- [Seattle run animation](https://twitter.com/dbabbs/status/1171248705686704130/)

- [Mumbai walk animation](https://twitter.com/dbabbs/status/1142036330957815808)

- [San Juan walk animation](https://twitter.com/dbabbs/status/1112067431646806016)

![static](static.png)

## Instructions

1. Download GPX data from Strava

2. Convert to GeoJSON using [this tool](https://mapbox.github.io/togeojson/)

3. Replace `data.json` with the converted data

4. Set the map center in `index.js`

5. Open up browser and press space bar to start animation

6. I recommend opening developer tools to set the window size for a good aspect ratio