diff --git a/content/Modul_4/en_qgis_map_design_2.md b/content/Modul_4/en_qgis_map_design_2.md index 5f493f648..5925e5240 100644 --- a/content/Modul_4/en_qgis_map_design_2.md +++ b/content/Modul_4/en_qgis_map_design_2.md @@ -84,6 +84,10 @@ Adding text to the print Layout +### Adding an image + +VIDEO + ### Adding a legend Before adding a legend, make sure that: @@ -105,6 +109,22 @@ Adding a legend to the print layout In the __item properties__ panel, if you keep the __'Auto update'__ option checked, new layers added to your project will automatically be added to the legend but you cannot control them individually (rename if necessary, reorder ot remove items). Once the option is unchecked, you can update the name of the layers, group them, reorganise them, etc. +:::: {tab-set} +::: {tab-item} Adding a legend + + + +::: + +:::{tab-item} Editing the legend + + + +::: +:::: + ### Adding a scale bar Before adding a scale bar, select your main map and check in the __Item Properties__ panel that the __Scale__ fielld has a __round number__ @@ -136,6 +156,9 @@ name: Add scale bar Add and customize the scale bar ``` + + ### Adding an overview map Adding an overview map in the corner of your map will help locate the area you are viewing on the main map. @@ -179,19 +202,33 @@ Add a the extent of the main map to your overview map (the red rectangle on the ``` ``` {Caution} -This method requires you to be sure that you are not going to modify the oveview map, as once the layers are locked, they will keep the style, and any updates will not affect the overview map +This method requires you to be sure that you are not going to modify the oveview map, as once the layers are locked, they will keep the style, and any updates will not affect the overview map. ``` +## Exporting the print layout + +Once you are finished with the map composition, it is time to export export the print layout as a PDF or SVG file. + +1. On the Toolbar click on the `Export as PDF`-button. +2. Give the new file a name and select the location you want to save it. +3. Click on `Save`. +4. A new window "PDF Export Options" will open. Here you can adjust the compression algorithm. For the best results, select the lossless image compression. +5. Click `Save` again. +6. A new green bar will pop up underneath the toolbars. Click on the file link to __review the exported map__. + +```{note} +Make sure to check the map after exporting the PDF as some design elements might have changed in the exporting process. +``` # Good practices and common mistakes in mapping In order to produce good maps, there are some __basic rules__ to follow and common __semiological mistakes__ to avoid. -### Map composition +## Map composition -#### Key elements of a map +### Key elements of a map -A map is never complete without the following elements: +A map is __never complete without the following elements__: - Title - Legend - Scale @@ -247,7 +284,7 @@ name: scale bar --- A scale bar ``` -__Orientation__ +### Orientation Even if by default the majority of the maps are oriented to the North, it is still necessary to specify the orientation of the map. It is often indicated by an arrow to the North. Sometimes the orientation of different in order to optimize the representation of the study area on the map. @@ -258,9 +295,9 @@ Any data represented on a map should have its sources indicated. This provides a It is possible to give the source of each data under the legend, or to do it in a dedicated space in the map. The level of precision of the sources varies according to the author or the precision of the data. -### The 4 semiological errors +## The 4 semiological errors -#### 1. Proportional circles vs. solid colors +### 1. Proportional circles vs. solid colors ```{caution} DO NOT represent __quantitative__ stock character/data with a __solid color__. @@ -273,9 +310,10 @@ It is a mistake because: - You lose the __order relationship between the data__ (a circle can be twice as big as another one, a color cannot be "twice as dark") - Countries with a large surface area stand out visually (eg.: Russia in the example below) - We are trying to represent __data that has nothing to do with the area of a country__, but rather speaks of individual elements + >Add different example -#### Color gradient vs. distinct color palette +### 2. Color gradient vs. distinct color palette ```{caution} DO NOT use a __separate__ color palette to represent __ordered entities__ @@ -286,7 +324,7 @@ It is a mistake because: - By using a differentiating color variable, __you lose the ordinal relationship between entities__. Instead, a __gradient of the same color__ that should be used. - Different colors are used to differentiate between distinct entities. -#### Gradient in a single color vs. Gradient between two colors +### 3. Gradient in a single color vs. Gradient between two colors ```{Caution} DO NOT use a gradient across two colors for an always positive data. ``` @@ -301,7 +339,7 @@ It is a mistake because: - The map will send a message of divergence, of opposition between certain values, when we are simply trying to represent a hierarchy between values - In this way, the color itself directly indicates information about the trend (positive/negative or increasing/decreasing). -#### Limited geometric symbols vs. complex icons and symbols +### 4. Limited geometric symbols vs. complex icons and symbols ```{Caution} DO NOT use __too many symbols__ in a thematic map ``` diff --git a/content/Modul_4/en_qgis_map_design_I.md b/content/Modul_4/en_qgis_map_design_I.md index 886201af4..b0629ad43 100644 --- a/content/Modul_4/en_qgis_map_design_I.md +++ b/content/Modul_4/en_qgis_map_design_I.md @@ -165,7 +165,7 @@ width: 750px Symbolization for vector data; Source: White, T. (2017). Symbolization and the Visual Variables. *The Geographic Information Science & Technology Body of Knowledge (2nd Quarter 2017 Edition), John P. Wilson (ed.). DOI: 10.2222/gistbok/2017.2.3 ``` -In the dropdowns below you can find examples on how to set up common vector data styling. Make sure you have downloaded the Exercise XX data from the github repository! +In the dropdowns below you can find examples on how to set up common vector data styling. Make sure you have downloaded the Exercise XX data from the github repository if you want to follow along! >Link the files and github repository @@ -182,6 +182,7 @@ To change the symbology of a single layer: ```{figure} ../../fig/en_30.30.2_vector_layer_styling_transparent.png --- name: layer styling transparent +width: 500 px --- ``` @@ -225,7 +226,7 @@ Change the Fill type 9. Now we can see the boundaries of the country and its states, and behind that we cann see the districs (Adm2). 10. Let's make the districs layer's style consistent with the others. -
+

11. Choose a __Fill Color__ 12. Use the same __Stroke color__ as for Adm0 and Adm1, but make the width 0.1 Millimeters and the Stroke Style a __Dash Line__ @@ -347,32 +348,6 @@ A map showing the population of Nigerian states ``` ::: -## Symbology for raster data - -As we have already learned, raster data are basically a grid of pixels with different (numerical) values. As such, you can't style the shape, fill or outline of raster data. It is only possible to assign colours to the different values of the pixels. - -### Assigning a colour gradient to raster data - -To assign a colour gradient for raster data, you need to: - -1. Open the styling panel for the raster layer -2. Navigate to the Symbology tab -3. By default, the colour scheme is set to Singleband gray (if you only have one colour band in the data set). Click on __Singleband gray__ and switch to __Singleband pseudocolour__ -4. Click on the arrow to the right of the colour ramp. Here you can choose a premade colour ramp -5. You can modify the colour ramp by clicking on the colour ramp itself - -``` {figure} ../../fig/en_30.30.2_raster_data_colour_gradient.png ---- -name: raster data colour gradient -width: 600px ---- -Colour Ramp Selector -``` - -In the colour ramp selector, you can adjust each colour step. On the bottom, you can see a plot for the Hue, __Saturation__, __Lightness__ and __Opacity__. Especially latter three are useful to see how your colour ramp will translate. Gradients from light to dark are easier to read: Check if the plot for the __Lightness__ has a more or less linear plot. - ->Examples Video! and how to invert ramp - ## Labels - Labels are text that show a specific attribute of features. @@ -470,6 +445,33 @@ Sometimes the placement of labels is not ideal and can obstruct the readability ::: +## Symbology for raster data + +As we have already learned, raster data are basically a grid of pixels with different (numerical) values. As such, you can't style the shape, fill or outline of raster data. It is only possible to assign colours to the different values of the pixels. + +### Assigning a colour gradient to raster data + +To assign a colour gradient for raster data, you need to: + +1. Open the styling panel for the raster layer +2. Navigate to the Symbology tab +3. By default, the colour scheme is set to Singleband gray (if you only have one colour band in the data set). Click on __Singleband gray__ and switch to __Singleband pseudocolour__ +4. Click on the arrow to the right of the colour ramp. Here you can choose a premade colour ramp +5. You can modify the colour ramp by clicking on the colour ramp itself + +``` {figure} ../../fig/en_30.30.2_raster_data_colour_gradient.png +--- +name: raster data colour gradient +width: 600px +--- +Colour Ramp Selector +``` + +In the colour ramp selector, you can adjust each colour step. On the bottom, you can see a plot for the Hue, __Saturation__, __Lightness__ and __Opacity__. Especially latter three are useful to see how your colour ramp will translate. Gradients from light to dark are easier to read: Check if the plot for the __Lightness__ has a more or less linear plot. + +>Examples Video! and how to invert ramp + + # Exporting and Importing Styles As we have already learned, the layers in QGIS are saved separately from the settings and styles of a QGIS Project. Therefore, it can be useful to diff --git a/fig/en_30.30.2_add_road_labels.mp4 b/fig/en_30.30.2_add_road_labels.mp4 new file mode 100644 index 000000000..850653c26 Binary files /dev/null and b/fig/en_30.30.2_add_road_labels.mp4 differ diff --git a/fig/en_30.30.2_adding_a_legend.mp4 b/fig/en_30.30.2_adding_a_legend.mp4 new file mode 100644 index 000000000..0ee89e2b8 Binary files /dev/null and b/fig/en_30.30.2_adding_a_legend.mp4 differ diff --git a/fig/en_30.30.2_editing_the_legend.mp4 b/fig/en_30.30.2_editing_the_legend.mp4 new file mode 100644 index 000000000..29fe9d5a9 Binary files /dev/null and b/fig/en_30.30.2_editing_the_legend.mp4 differ