Animating Maps with Point Data

Styling Guides

Animating Maps with Point Data

This guide describes how to visualize point data over time, by applying the ANIMATED aggregation style to animate your map. This feature requires a map layer containing point geometries with a timestamp, or numeric field.

Create Map from Spreadsheet Data

Use the provided .CSV spreadsheet as the data to create a bird tracking map.

  1. Click on "Download resources" from this guide to download the zip file to your local machine. Extract the zip file to view the dataset to be used for this guide.

  2. Import the bird_tracking.csv data file to your account and create the map from the dataset.

    Builder opens with bird tracking data as the first and only map layer.

  3. Double-click on the map name and rename it to Bird Tracks.

Animate your Data

Once the data has been successfully imported, apply the aggregation style to animate your data.

  1. From the LAYERS pane, select the bird_tracking layer.

    The STYLE tab opens, enabling you to apply styling options for the map layer.

  2. Choose ANIMATED as the aggregation option.

  3. Select date_time as the COLUMN from your dataset that drives the animation of the map.

Animation options to see all aggregation options

By default, a time-series widget is added when you create an animated map. To remove it, deselect the animated column in the DATA tab, or remove the widget.

Style by Column Value

To gain a better understanding of the bird tracking data, color the paths of each of the three birds separately. We can do this by using the bird_name column to style the points by value.

  1. From the STYLE tab, click the COLOR to open the color picker. The SOLID tab is selected by default.

  2. Click the BY VALUE tab.

  3. Select bird_name to style your markers by the birds' names. Builder assigns a default qualitative CARTOColor scheme.

  4. Click the SIZE to open the size options for the marker, and change the value to 3.

  5. Edit the STROKE to 0.

  6. Change the BLENDING option to source-over.

  7. Set the RESOLUTION to 1.

Edited animation options

See the Style by Value guide for more details about map styling by column values.
Optionally, you can apply the same options (and more customizations) using CartoCSS. If you prefer to code your styles using this language, switch the slider button, located at the bottom of the STYLE tab, from VALUES to CARTOCSS. Additionally, learn how to describe your data with legends.