Geovisualisation and Geocommunication

DEvision: Overview of module sections

Creating and sharing web maps

With a clear focus on Web GIS and cloud architectures as the foundations for a Digital Earth, we aim at 'communicating spatially' through online maps, i.e. geovisualisation.

This facilitates access through essentially all connected devices with a screen interface allowing map centric interaction, while maintaining centralized services from a geospatial cloud like ArcGIS Online.

Types of maps

We still distinguish between fundamental map types, like topographic vs. thematic maps, and the latter take many different forms like choropleth maps for normalized data or proportional symbol maps showing absolute values.

Explore the scope of carto/graphic language!

To fully appreciate the wide scope and rich spectrum of visualisation approaches for geographic observations, phenomena and processes, take a leisurely evening to explore this current collection of best practice examples:

Just in case you're interested in some glimpses into the long and diverse history of cartography, you might spend another evening with this collection:

Online maps are different!

Web maps, as digital online maps, are not simply digitized cartographic products. While printed maps need to provide a full context to readers - with title, orientation, legend and all - web maps are frames for interaction, for a dialog between users and a well designed platform.

By zooming out we establish spatial context, clicking or tapping on features provides access to underlying data, switching on a legend offers insights into semantics. Experiment with the map on the right, and if you want to know more about its theme, check out the  Social Progress Index .

From features to web maps

Our main objective in this module is to use feature (and image/raster) services to create shareable web maps. This requires considerations about:

  • target audience
  • message to be conveyed
  • presentation context (standalone, with comment)
  • media and device characteristics
  • etc

Map Viewer

Our main tool in the first half of this module will be the already well known ArcGIS Online 'Map Viewer', supporting the key workflow elements of

  • opening a feature layer
  • exploring data and distributions
  • classification
  • assigning symbology
  • labeling and popups
  • constraining views (e.g. scale range)
  • sharing the web map with your audience

Cartography is Communication!

Always keep in mind that visualisation of data, and even more so geovisualisation of data in geographic context, primarily is a communication task! Our purpose is much less than before the creation of some kind of definitive document, but communicating a particular message to a defined target audience. Increasingly, we are tasked with establishing a context and framework for users to interactively explore a domain ...

Remember: web maps are not digitized maps!

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


Classification, symbolization and visual combination

As a very first step, we need to familiarize ourselves with data characteristics before we start with visualizing:

  • distinguish categorical, nominal data from continuous, metric measurements
  • explore data characteristics through statistics and charts
  • establish the audience and presentation context need for detail - 'less is more'

Classses and Classification

Qualitative = categorical = nominal data like land use, geological units or vegetation types usually will be presented directly, maybe sometimes categories will be aggregated.

Quantitative variables like elevation, temperature or densities can be presented with continuous scales, but are more effectively communicated when classified into groups of similar observations

Classification techniques

Classification, or categorization, is based on the universal simplification principle of less-is-more. Aiming at reducing a high number of observations into a lower, manageable number of classes combining similar observations, the communication and understanding of (spatial) patterns is supported.

Classification is based on simple, and also advanced statistical techniques, and more recently has become a target domain of machine learning.

In cartography, data classification of continuous measurements is using methods like natural breaks (Jenks), quantile, equal interval, defined interval, standard deviation etc., but also uses multivariate techniques or semantic aggregation of similar observations.

Different classification techniques can lead to significant differences in the perception of phenomena and therefore have to be selected carefully considering data characteristics as well as communication aspects with the target audience.

Visual language elements

Before we start assigning symbols to nominal categories or classes of metric variables, we need to think about the basic elements of the language of visualisation, sometimes referred to as visual variables.

Color spaces

Color is considered one of the 'strongest' visual variables, its signal dominating over other symbology characteristics. Specific colours are defined using different color models which can be numerically and geometrically represented.

For screen and display use, 'active' color schemes like Red-Green-Blue mixing of primary colors is well established, with the individual components R-G-B quantified in a 1-byte range of 0-255. E.g. a bright green could be coded as 0-255-81, or in hexadecimal notation as 00ff51. 255-255-255 obviously would represent pure white.

RGB color mixing


As an alternative, the H-S-V color model can be applied. While in R-G-B all three components are equivalent, Hue serves as a 'lead' color variable, modified by the Saturation and Value (dark to light, i.e. black to white) components:

Nominal legends

Spatial phenomena with fixed, 'qualitative' categories like soil type, ethnic groups or land cover are visualized with discrete colors clearly separating classes from each other, and avoiding transitions between colors symbolizing individual classes.

In some cases, predefined 'colormaps' are already attached to data sets to support the use of standardized legends, like in this case of a global  Sentinel-2 land cover  service shared in the Living Atlas portal.

Sentinel-2 10-Meter Land Use/Land Cover Time Series

Quantitative legends

Continuous phenomena and variables, like elevation, slope in degrees, surface temperature or precipitation are either classified with break points, or displayed with continuous legends using color ramps.

Terrain: Slope Degrees Map

Visual hierarchies and priorities

The use of visual variables aims at emphasizing certain aspects in maps, making the most important features or characteristics 'stand out' to the reader.

Explore the examples and message in this blog post for a deepter understanding of visual hierarchies for map design:

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


Design for Interaction

As stated earlier, web maps are frames for interaction, not just digital maps intended for one-way communication.

This section will direct you to practice designing web maps for exploratory dialogs with users:

  • offer context, e.g. by splash screens
  • minimize detail and clutter
  • provide spatial orientation and bookmarks
  • manage popups
  • display legends, offer active legends
  • dig deeper with Arcade expressions

Spatial orientation

The opportunity of zooming and panning around the world, between local and global scales is a great feature of web maps. But - it is easy to get lost, not to speak of the disorientation which can easily happen on a virtual globe.

Luckily, tools for assisting the user and sometimes even constraining navigation are readily available, like:

  • finder maps
  • restricted extents
  • min/max scales
  • block rotation
  • zoom to selection
  • bookmarks
  • home button

We want users to interact and explore, but we also need to avoid them getting lost!

(Some) rules for popups

Popup windows triggered by clicking or tapping on a feature are a key mechanism allowing users to explore the actual data behind map features.

  • Deactivate popups for background layers
  • Display only variables of interest
  • 'Customize' all popups, no irrelevant fields
  • Use charts / pictures in popups
  • Consider working with Arcade for finetuning

Interactive Legends

Highlighting particular categories or classes by clicking on legend entries is a powerful technique assisting with the interpretation and analysis of spatial data.

Using these kinds of approaches demonstrates the dynamic and interactive character of communicating through web maps.

Web maps as interfaces, not documents

Throughout your work in this section, always keep in mind that web maps are not digitized maps, but reference frames for user interaction.

It is therefore mandatory to have an explicit understanding of user needs, what we expect them to learn, what information they will extract through this interface.

The primary purpose of a web map is not to visualize data, but to facilitate insights and understanding.

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


Perspective viewing and 3D visualisation

Perspective views are closer to everyday human experience as they provide a subjective view, involve less abstract perception, and due to easy computer-generated rendering now are more frequently employed.

Perspective views require 3D or at least 2.5D data models.

Perspective views are fundamentally different from maps, as scale varies from foreground to background, and due to different view stations there are an unlimited number of views for any AoI

Depth perception

The power and value of perspective views is based on a much more impactful perception of spatial features and context, in comparison to flattened maps.

Several cues build viewers' 3D impression:

  1. scale reduction from front to back
  2. convergence of parallel lines
  3. overlap and obscured spaces
  4. shades and shadows, where employed
  5. less detail in the background
  6. reduced colour saturation towards back, fuzziness
  7. changed perspectives with movement

Understanding by movement

In a Digital Earth context, exploring und understanding any area of interest or the entire globe by moving the view point, by looking at it from different angles is a fundamental concept. It is already anchored in the way Digital Earth was communicated as a ' spinning virtual globe '.

Explore the setting of mountain biking routes, and observe yourself as you 'learn' about this area by changing the view and using different angles:

Terrain+

Perspective views today are increasingly employed not only to understand topography, but also its 'furniture': buildings, vegetation and other 'detail', like avatars.

This type of 'local scenes' is widely used by planners, architects and whenever a local built environment is at the center of a dialog among various stakeholders.

Perspective views as 'scenes' also are a natural environment for 3D analyses, like line-of-sight and viewshed.

Local to global (and back)

Getting back to Digital Earth's 'spinning virtual globe', a perspective view on our entire planet has one drawback - we only can see one hemisphere at any moment - and many advantages: all distortions due to map projections are avoided, global spatial relations and distances are more intuitively understood, and other than a 'hardware' globe we still can zoom, identity features and drape layers.

Explore navigating a virtual globe:

You of course might be familiar with different virtual globes, like switching Google Maps into ''globe view', or:

Perspectives - the citizens' view

Overall, oblique perspective views complement traditional vertical map views in the communication of spatial data and phenomena. They serve as an integral component in our geospatial tool set.

More importantly, these views are freely navigable by the viewer. This empowers all stakeholders and in particular citizens to check out their subjective view and to assess the impact of designs and plans.

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


Storymapping and dashboarding

These two types of interfaces address very different use cases:

  • Storymaps tell a story with a sequence of items. The sequence can be a logical argument, change over time, a trip along a route, or simply a serial presentation of facts or ideas. Stories have a beginning and an end, arriving at the latter means you're done.
  • Dashboards facilitate the exploration of multiple, linked views of one domain of interest. Users build their individual understanding of a subject matter by selecting, filtering and identifying features and data from a categories, time and space perspective.

Storymaps

 Storymaps  are web apps developed through a 'builder' or 'wizard' supporting a no-code approach, i.e. authors can focus on the storyline and content presentation.

Typical elements of storymaps are:

  • Text and imagery
  • Videos and live embeds
  • Maps and scenes
  • ad hoc 'express maps'

These are structured into

  • Sidecars
  • Galleries
  • Timelines etc

Most importantly, though, designing a storymap needs a clear vision of what to tell to who (audience), why, and with what intended outcome.

Storyboard

Before starting the compilation of a storymap, it is essential to establish a design outline. Like with other multimedia developments, sketching out a storyboard along a 'red thread' is good practice.

Dashboards

 Dashboards  link different simultaneous view around one task with each other, so as to explore interdependencies, monitor processes or better understand spatial phenomena.

Like the eponymous car dashboard, there is a clear purpose and user focus, but no preset operating sequence.

Dashboards are built from web maps/scenes, charts, lists, numerical or graphic indicators and selectors for filtering. Most importantly, these elements are inter-linked, users can interact with widgets in any order to focus an useful views.

Design sketch

Based on anticipated user interaction and underlying feature services (including real time data streams), the dashboard author will outline the different views (map, chart, table, ...), how they are linked, what kinds of actions are triggered by selectors and in-view selections etc

Most importantly, a logical narrative needs to be established what kind of learning and understanding, what decision processes are supposed to be facilitated with a dashboard.

User-centric interfaces

Storyboards and dashboards serve as excellent examples, that interacting with our Digital Earth requires to go beyond maps, scenes and virtual globes.

To contextualize the information available from maps, to assist with learning processes, understanding and decisions we need to design and develop higher level information products. These enable users to retrieve and analyze information pertinent to their situated problems and tasks - this is why geocommunication is NOT finished with sharing a well designed map!

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


Creating app experiences

Many use cases are well served with templates from the storymap or dashboard tool sets, but these certainly do not cover all needs. We therefore want to have a quick glimpse at a broader scope of design options, while still retaining a no-code approach.

Again, before proceeding we need to assess some design objectives and criteria for guidance:

  • Audience - 'who'
  • Objective - purpose, 'what' shall be done, learned, ...
  • Media - what platform and interface will be used

Instant apps

Excellent guidance and a fast track to standalone apps is being offered by instant apps. Starting from a web map, authors are shepherded through a step-by-step definition process using a choice of design templates.

After a first 'instant' app setup, authors are given the opportunity to finetune and adjust details - or immediately share their app with the intended audience.

Experience Builder

This authoring environment does not constrain its users into particular types of designs or templates, but allows complete free designs with all kinds of elements and widgets, on desktop or mobile platforms.

Such a fully customized user experience obviously requires more 'design thinking' and development effort, we therefore will only 'dip our toe into the water' in order to appreciate the power of this environment.

Native apps

Just to complete perspectives reaching above and beyond this module, we point anyone interested to the option of developing apps running natively on Android or iOS platforms.

Up to now we have worked with generic apps like QuickCapture or Survey123 or Field Maps running projects for a particular purpose, or with web apps executed with the help of a browser - like in this module.

Whenever standalone native apps for installation through app stores are required, App Studio is the way to go. Again, this is mentioned here for orientation only :-)

Why apps?

Having reached the final section of a module named 'Geovisualisation and Geocommunication', you might be wondering why we could not have finished our journey by designing great maps, and perhaps scenes.

By now it will have become obvious, that in order to successfully interact with an increasingly digital Earth, we cannot assume all users of Digital Earth interfaces and tools to be trained in mapping, skilled in geospatial user interfaces, or even knowledgeable in geoinformatics.

We therefore need to bring Digital Earth interfaces close to the user, their problems or mundane everyday tasks. This is done through apps, bringing spatial information to everyone's fingertips.

Re-view >  this introduction  ? Following this section overview, now continue below with study materials in the learning platform! Checking the Activities / Tasks section beforehand might be helpful.


RGB color mixing