GIS-curriculum

Module 4 - Styling Layers

Author: Ketty

Editor: Ben Hur

Pedagogical Introduction

This module is designed to teach you how to change the visual appearance of a map by selecting appropriate symbols, map colors and apply appropriate effects. At the end of the module, you should know concepts like map symbology and map styles. In addition, you’ll learn the following skills;

Required tools and resources

Prerequisites

Additional resources

Thematic introduction

Let’s start with an example:

Let’s imagine you’re in a new city, perhaps as a tourist, for leisure or for business. The city has a range of must see/visit places which include museums, cafes, beach fronts, monuments, cultural shops and markets. You are then handed a paper city map which shows you the point locations of all the must see places in that city. The tourist points are all marked as red dots. In your view, would this map ease your tour of the new city? I wouldn’t expect it to.

That’s why it’s always important to make a “Map showing different symbols and colors”. What you see in your map after applying styling concepts is a dynamic visual representation of the data you’re working with.

Important Panels, Tabs and Render types

Layer Styling Panel

This panel is somehow a shortcut to some of the features of the layer properties dialog. It indeed offers you a quick and handy way to define the rendering and the behavior of a layer, and to visualize its effects without opening the layer properties dialog.

Besides avoiding you dealing with the modal and blocking dialog of the layer properties, it also avoids you cluttering the screen with features dialogs given that it embeds most of them (color selector, effects properties, rule edit, label substitution…): e.g., clicking color buttons inside the layer style panel causes the color selector dialog to be opened inside the layer style panel itself rather than as a separate dialog.

From a drop-down list of current layers in the layer panel, select an item and:

Another powerful feature of this panel is the Live update checkbox. Tick it and your changes are automatically rendered in the map canvas as you go on. You no longer need to Click the Apply button.

To activate the panel, Click View ‣ Panels, then tick Layer styling.

alt_text

Figure 4.1: Layer Styling Panel

Symbology Tab in the Layers Properties

To access the Symbology Tab, Double Click the Layer to Open the Layer Properties ‣ Click Symbology

Here, you can specify the band rendering settings like, the render type, band, mix/max values, color rendering and resampling. In the screenshots below, you can see the symbology tabs for vector and raster datasets, respectively;

alt_text

alt_text

Figure 4.2: Symbology tab for vector and raster data, respectively

Raster rendering: Band rendering

QGIS offers four different Render types. The choice of renderer depends on the data type. The default render type is Single band grey color. You’ll have to change it to the appropriate type based on the data type.

Vector rendering

When you load spatial data layers into QGIS Desktop, they are styled with a random Single Symbol rendering. To change this click on Layer ‣ Properties ‣ Style.

There are several rendering choices available from the menu in the upper left corner:

Main content

Phase 1: Basic raster and vector symbology

Vector data symbology may vary by transparency, color, rotation, and size.

Content

Example 1: Vector rendering

  1. To demonstrate this example, we’ll use two example datasets; 1. Clinics and 2. Administrative boundary of Colombo district
  2. Add the two vector layers into qgis; Click the Add vector layer button alt_text or use the browser panel.
  3. This is how they render by default. You’ll notice we have a polygon and point layer. The next step is to change the symbology for each of them. Fill colors may not be the same, but that’s not a problem because QGIS selects colors randomly for different instances of the application.

Default render

Figure 4.3: Default render

  1. Double click the polygon vector layer, which is also the administrative boundary layer of Colombo district in the Sri Lanka
  2. Select the Symbology Tab in the menu that appears
  3. Change the Fill color to Transparent fill. Tip: Click the drop down arrow under Fill color
  4. The result should be as below. You may notice that the no fill option has no color

No fill rendering for the polygon

Figure 4.4: No fill rendering for the polygon

  1. The next step is to symbolize the point layer which is also the Clinics layer
  2. Double click the Clinics layer to open the Layer Properties dialogue. Change the render type from Single Symbol to Categorized, Select the Value as amenity. The value represents the field of interest. Specify the Symbol and Color ramp. Then Click classify.

Layer Properties dialogue

Figure 4.5: Layer Properties dialogue

  1. The resulting map should look as below

Final vector render

Figure 4.6: Final vector render

  1. Remember to arrange the layers in the Layer Panel in such a way that the polygon layer is below the point layer. This makes the point layer visible.

Example 2: Raster rendering

  1. Double click the raster layer which is also the population density layer. This also means it’s a normalized dataset and can therefore be visualized as a choropleth map.
  2. Select the symbology tab in the menu that appears
  3. Change the styling mode to ‘Singleband pseudocolor’

Symbology menu

Figure 4.7: Symbology menu

  1. Specify the interpolation, color ramp and mode. Click classify. The result is a choropleth map showing population density across Colombo district in the Sri Lanka.

Population density of Colombo Province, Sri Lanka

Figure 4.8: Population density of Colombo Province, Sri Lanka

  1. Zoom in to see the new map in finer detail.

Zoomed-in map

Figure 4.9: Zoomed-in map

  1. Alternatively, use the Layer Styling panel.

Quiz questions

  1. What is layer symbology?
  2. Which of the rendering types below are applicable for vector data?
  3. What are the types of raster rendering

Quiz answers

  1. a. graphical element represented as a marker, stroke or fill b. a pointer to the original data c. a repository of different color schemes

  2. a. single symbol renderer b. no symbols renderer c. categorized renderer d. graduated renderer e. proportional symbol f. proportional symbol g. point cluster renderer

  3. a. singleband pseudocolor b. singleband gray c. paletted

  4. d. multiband color

Phase 2: Blending modes and draw effects

Content

Tutorial

  1. After loading the two layers into QGIS, the canvas will look as below. You’ll notice that both layers have plain styling. This tutorial will explain how to alter draw effects and blending modes for better visualization.

The expected initial workspace

Figure 4.10: The expected initial workspace

  1. Open the Layer Properties window, then click the Symbology menu item for the administrative boundaries layer. Tip: Do this by double clicking the layer or use the layer styling panel. Enable the layer styling panel by clicking: View ‣ Panels ‣ Layer Styling.

At the bottom of the Symbology menu, there’s a checkbox for Draw effects. Let’s enable that, and then click the customise effects button alt_text to its right:

Layer Properties window and Symbology menu

Figure 4.11: Layer Properties window and Symbology menu

  1. A new Effects Properties dialog opens

Effects properties dialogue

Figure 4.12: Effects properties dialogue

  1. You can see that currently the only effect listed is a Source effect. Source effects aren’t particularly exciting – all they do is draw the original layer unchanged. Change this to a Blur effect by clicking the Effect type combo box and selecting Blur. You can then play around with the blur parameters.

Select effect type as blur

Figure 4.13: Select effect type as blur

  1. Apply the settings now, you’ll see that the polygon layer is now blurry. Now we’re getting somewhere!

Blurry layer

Figure 4.14: Blurry layer

  1. Using the Effects Properties dialog again. Let’s try something a bit more advanced. Instead of just a single effect, it’s possible to chain multiple effects together to create different results. Let’s make a traditional drop shadow by adding a Drop shadow effect under the Source effect.

Effects properties dialogue

Figure 4.15: Effects properties dialogue

  1. Effects are drawn top-down, so the drop shadow will appear below the source polygons

Drop shadow effect

Figure 4.16: Drop shadow effect

  1. You can stack as many effects as you like. For example an inner glow over a source effect, with a drop shadow below everything. Try it out!

Overall, remember that effects can either be applied to an entire layer, or to the individual symbol layers for features within a layer. Basically, the possibilities are almost endless! Python plugins can also extend this further by implementing additional effects.

For more examples about what you can do with Blending Modes and Draw Effects in QGIS, you can check out:

Phase 3: Data defined overrides and geometry generators

Content

Tutorial

A geometry generator is a symbol layer type that lets you use code to create new geometries from existing features, and use the new ‘generated’ geometries as symbols that can, in turn, have styles applied. This is a powerful feature best explained with an example.

You can use the geometry generator symbology with all layer types (points, lines and polygons). The resulting symbol depends directly on the layer type.

Very briefly, the geometry generator symbology allows you to run some spatial operations within the symbology itself. For example you can run a real centroid spatial operation on a polygon layer without creating a point layer.

Moreover, you have all the styling options to change the appearance of the resulting symbol. Here’s an example tutorial;

  1. Double click the administrative boundary layer
  2. Click on Simple fill and change the Symbol layer type to Geometry generator. Before you start writing the spatial query, choose the Geometry Type in output. In this example we are going to create centroids for each feature, so change the Geometry Type to Point / Multipoint.

Centroid operation on administrative boundary layer

Figure 4.17: Centroid operation on administrative boundary layer

  1. When you click on OK you will see that the administrative layer boundary is rendered as a point layer. We have just run a spatial operation within the layer symbology itself.

Point layer

Figure 4.18: Point layer

  1. Note that an alternative and easier way of writing spatial queries is using the ‘Expressions dialogue’. Click the alt_text expressions button to open the ‘Expression string builder’ dialogue box. Here you’ll have access to an extensive function reference. You can search for a function by name. For example, type centroid in the search bar.
  2. With the Geometry generator symbology you can really go over the edge of normal symbology.
  3. If you want to go further, write a spatial query to calculate a buffer zone around the point, line or polygon layer.

Quiz questions

1.N/A

Quiz answers

1.N.A