Guides & Tutorials

Maps

 

You create a Map with the "Maps +" button on the left-hand side of the Timeline.

The Maps properties panel appears when you select a Map square within objects timeline.

In terms of topology, you can choose between the World, the US and some other random (yeah, we know!) ones that we have currently available in the Editor. The options for World projections include a sphere, a flat equirectangular, or a flat Mercator projection. The other maps only exist as flat maps with one projection, for now (the US map has an Albers projection). We now have the ability for you to upload your own custom maps! See the Custom Maps page for more details.

Get available regions is a button that copies all of the regions in the map to your clipboard, allowing you to paste in Excel or Google Sheets and view a list of all region names that Flow will recognize for that map. Once pasted, you can check the map's region names against the region names in your spreadsheet and update your data to fix any discrepancies.

There are various Size and Color settings that can be altered here.

Size is in meters, as it is throughout the system.

Choropleths are also an option- you choose your data source and input the minimum and maximum bounds and the colors you'd like to be associated with each. Flow will take the in-between values of your data and create a gradient that it applies to each region based on its value for the column of your choice. 

This won't work if you have more than one value for each region in your selected column. Flow will be confused- choropleths work in a 1:1 ratio, region to value (now shade of color).

Outside of the Maps panel and back within the Swarms panel, there are further settings in order to locate the dots to the map. Under chart type, there are two mapping options: 

  • Each dot will be mapped to its corresponding values for the latitude column and the longitude column in the dataset. Here is a useful tutorial on using Google Sheets to run a script that generates lat,lon from a list of addresses.

    Distance from map determines the space between the dot and the map.

    Stack happens automatically if dots have the same lat,lon. Stacked height controls how tall you want that stack to be, and Flow compresses or expands the stack by adding/removing space between the dots.

    Offset column takes a column with numerical values and offsets dots with highest values farthest away from the map, where smaller valued dots stick close to the surface of the map. Max offset controls how tall you want the maximum valued dot to be away from the map. Adding Connections to axis or map is usually beneficial at this point, so it can be seen where the dot is connected to on the map itself.

  • The values in the region column in the dataset must match standard ISO codes or standardized region names:

        Click here for acceptable region inputs for World maps: use Country Name, Alpha-2, Alpha-3, or Numeric codes.
        Click here for acceptable region inputs for US maps: use Subdivision Name or Code.

    Offset determines the space between the dot and the map.

    Stack can be toggled on to stack all of the dots on top of each other, which protrudes outward from the map. This represents the number of records for each region in the data. Layer height controls how tall you want that stack to be, and Flow compresses or expands the stack by adding/removing space between the dots.

    Grid can be toggled on to group all of the dots in a grid, flat on the map. This also represents the number of records for each region in the data. Grid spacing controls how large or small the grid of dots is and Flow does this by adding/removing space between the dots, as well. If regions are too small for the grid, it will begin stacking vertically.

    Offset column takes a column with numerical values and offsets dots with highest values farthest away from the map, where smaller valued dots stick close to the surface of the map. Max offset controls how tall you want the maximum valued dot to be away from the map. Adding Connections to axis or map is usually beneficial at this point, so you can show where the dot is connected to on the map itself.

If you'd like the same map to have a different position on different steps, make sure to toggle on Animate between steps.

 

Updated