A Tern’s Perspective

"The journey of the longest migration of any animal"

What it is about

Our project aimed to show three different visualisations of the epic journey that is Arctic tern migration through a static flow map, an animated timeline and a 4D Cesium animation integrated into one web application. The static map shows the migration flow of two different birds from 2007/08 and 2011/12, differentiating between the autumn and spring migration. The timeline shows a dynamic version of the entire migration path of the same birds, and the animation follows the bird as it navigates around the globe.

How we built it

The main tools used to produce the visualizations were ArcGIS Pro, ArcGIS Experience Builder and Cesium. Data provided in https://data.seabirdtracking.org/dataset/2438 for 2011/12 contained tracking data from 5 individual birds. For simplicity, the average value of each longitude and latitude of the birds' flight along the entire route was calculated and used on the map. For the static map, Arctic tern tracking point data from two datasets was transformed into line data and then automatically and manually generalised for the world view in ArcGIS Pro. The map was then brought into Affinity where design elements including a timeline were added. The same data as in the static map was used in timelapse. However, unlike the lines in the static map, dots were used. The whole process was built in ArcGIS ExperienceBuilder. Due to the time gap between the datasets, the map in timelapse was divided into two smaller maps. The final product is a website created showcasing the three visualisations. Built on Vite and CesiumJS, the animation tracks Arctic Tern migration by filtering GPS data through a 300 km distance threshold to isolate key waypoints from stationary clusters. We smoothed the flight trajectory using Great Circle arc interpolation, rendering a 3D tern model that follows a realistic curved path across the globe. For deployment, the app utilizes a PowerShell script to automate the delivery of production builds from the Vite environment to GitHub Pages.

Challenges we ran into

The project was limited to the availability of data and the ability to access data from other studies. Initially we wanted to visualise data for more than two years but with so many gaps in the data we were limited to what we could visualise. We also recognise the importance of using up-to-date data as the methods of bird tracking have changed. During timelapse development, the question arose as to which tool would be better to choose for visualization: Dashboard or Experience Builder. As a result, ExperienceBuilder was used due to Dashboard's limitations when displaying multiple time series data. Several minor unforeseen software issues arose in ExperienceBuilder, which were quickly resolved after. A primary challenge in the animation was maintaining a seamless user experience while managing heavy geospatial data in a browser.

What we're proud of

We are proud of effectively visualizing the Arctic tern point migration data in three different ways - through a static flow map, point animation and Cesium animation. Our project shows that there isn’t one right way to visualise a dataset and is dependent on the user. Through our web app, users are able to switch between the three visualizations at their discretion. During our work, we learned a lot about Arctic terns and their migration. And also gained more knowledge about tools such as ArcGIS ExperienceBuilder, ArcGIS Dashboard and Cesium.

What we learned

ArcGIS ExperienceBuilder was a complete new tool to use for visualisation. Despite this, we managed to configure it and successfully visualize the necessary data. We also learned about different generalisation techniques, creating custom basemaps and using Affinity to complete map design. We also learnt about the importance of setting up your data before visualization since we used multiple programs, there was a lot of switching back and forth between programs like ArcGIS Pro and Affinity when the data changed. Our team gained significant technical proficiency in integrating Cesium with various 3D data formats, specifically .glb and .json. A primary challenge, and a key learning milestone, involved fine-tuning the animation to strike a balance between high-fidelity smoothness and web-optimized performance. Vite proved to be an indispensable tool in this process, providing the rapid development environment necessary for such iterative performance tuning. Beyond the technical setup, this experience deepened our understanding of how to maintain a seamless user experience while managing heavy geospatial data in a browser.

What's next

It would be interesting to estimate the specific impacts that climate change may have on the bird’s migration like diminishing sea ice and wind particularly in the animation. Additionally, there could be creative solutions to show the impacts of climate change that do not have to be purely scientific like comparing the migration journey of the Arctic Tern from the Arctic to Antarctica to the journey a human would make to complete the same route and the carbon footprint associated with it. It would also have been interesting to integrate the visualisations into a Storymap that could have told a greater story.

Sources

[1] Wild Welcome. (2026). Tern. Wild Welcome. https://www.wildwelcome.com/animals/tern
[2] Arctic tern, Eemshaven, Netherlands, (2011-2012), by Robert Middelveld, et al. https://data.seabirdtracking.org/dataset/2438
[3] National Geographic. (2018, March). Interactive map. https://www.nationalgeographic.com/magazine/graphics/bird-migration-interactive-maps
[4] Arctic Tern from Greenland, GLS, migration (2007-08) Fijn, R, et al. https://data.seabirdtracking.org/home
Students
Erik Britz, Kate Chan and Kasiet Ryspaeva

15th intake
Supervisor
Juliane Cron, M.Sc.
Keywords
4D map, Animation, Timeline, Arctic tern
TRY IT