Skip to content

Styling and symbology

1.1. Bivariate choropleth map of barangays showing population density and annual population rate

Section titled “1.1. Bivariate choropleth map of barangays showing population density and annual population rate”
Level: Intermediate

Output for 1.1. Bivariate choropleth map of barangays showing population density and annual population rate

  1. A map of Quezon City barangays showing both the population growth rate (2000 to 2020) and the people per 100 square meters.
  1. adm_brgy_quezon_city_pop2000-2020 - the barangay-level admin boundary data generated from a previous exercise with population from 2000 to 2020
  1. Load the adm_brgy_quezon_city_pop2000-2020 layer. Make sure that it already has the fields for population from 2000 to 2020.

Attribute table of adm_brgy_quezon_city_pop2000-2020 showing population data from 2000 to 2020

Attribute table of adm_brgy_quezon_city_pop2000-2020 showing population data from 2000 to 2020

  1. Duplicate the adm_brgy_quezon_city_pop2000-2020 layer. Since we’ll be creating a bivariate choropleth map using blending modes, we need 2 vector layers to show. In this case, we’ll show the annual population growth from 2000-2020 and the number of people per 100sqm in the barangay. Name the two layers brgy_rate and brgy_popden.

brgy_rate and brgy_popden layers

brgy_rate and brgy_popden layers

  1. Next, we make a choropleth map for the brgy_rate layer using a Graduated symbology using the following parameters.

    • Symbology: Graduated
    • Value:
      (pop2020-pop2000)/20
    • Classes
      • Low
        • Color: #e8e8e8
        • Values: -500.00 - 0.00
      • Moderate
        • Color: #dfb0d6
        • Values: 0.00 - 500.00
      • High
        • Color: #be64ac
        • Values: 500.00 – 5000.00

Style parameters for brgy_rate layer

Style parameters for brgy_rate layer

  1. Your brgy_rate layer should look like:

Choropleth map for brgy_rate layer

Choropleth map for brgy_rate layer

  1. Do the same for the brgy_popden layer but our parameters will be:
    • Symbology: Graduated
    • Value:
      100*pop2020/$area
    • Classes
      • Low
        • Color: #e8e8e8
        • Values: 0.000 - 1.500
      • Moderate
        • Color: #ace4e4
        • Values: 1.500 - 3.000
      • High
        • Color: #5ac8c8
        • Values: 3.000 - 15.000

Style parameters for brgy_popden layer

Style parameters for brgy_popden layer

  1. Your brgy_popden layer should look like:

Choropleth map for the brgy_popden layer

Choropleth map for brgy_popden layer

  1. Now that you have the two choropleth maps, create the bivariate choropleth effect by changing the blending mode of the top layer (brgy_popden) to Multiply.

Setting blending mode of brgy_popden layer

Setting blending mode of brgy_popden layer to Multiply

Bivariate choropleth of the population growth (2000-2020) and population per 100sqm in Quezon City barangays

Bivariate choropleth of the population growth (2000-2020) and population per 100sqm in Quezon City barangays

The Bivariate legend plugin

The Bivariate legend plugin

1.2. Using both size and color to communicate information about the districts

Section titled “1.2. Using both size and color to communicate information about the districts”
Level: Intermediate

Output for Exercise 1.2. Using both size and color to communicate information about the districts

  1. Use circles to show population information about districts in Quezon City where the size pertains to the people per 1000 sqm and the color indicates the annual population growth from 2000 to 2020.
  1. adm_dist_quezon_city_pop2000-2020 - the district-level admin boundary data generated from a previous exercise with population from 2000 to 2020
  1. Load the adm_dist_quezon_city_pop2000-2020 and duplicate the layer.
  2. Rename one base and apply a simple single symbol symbology.
  3. On the other layer, selece Geometry Generator as its Symbol layer type.

Selecting Geometry Generator as Symbol layer type

  1. Change the Geometry type to Point/MultiPoint and use the following expression to generate a centroid:
    centroid(@geometry)

Creating a point geometry using the centroid expression

  1. On the Simple Marker, use the Assistant to override the Size parameter.

Selecting the Assistant

  1. Use the following parameters:
    • Source
      1000*pop2020/$area
    • Values from 10 to 35
    • Output
      • Size from 500
      • to 3500

Symbol Size parameters for the Assistant

  1. Your layer should now look like below:

District layer styled as differently-sized points

  1. Next, let’s use the Assistant to override the Symbol Fill and Symbol Stroke Color parameters.

Symboll Fill Color parameters for the Assistant

Symbol Stroke Color parameters for the Assistant

  1. Add a new field to the adm_dist_quezon_city_pop2000-2020 layer to hold the number of people per 1000 square meters using the following expression:
    1000*pop2020/$area

Creating the pop_per_1000sqm field using the Field Calculator

  1. Run the Centroid processing algorithm to create a new point layer (centroid) based on adm_dist_quezon_city_pop2000-2020.

Parameters of the Centroid processing algorithm

  1. A new layer (Centroid) should be created.

Centroid layer

  1. Apply a Graduated symbology and use the following parametres:
    • Value: pop_per_1000sqm
    • Method: Size
    • Size from: 500 to 3500 Map Units
    • Classes:
      • 10 - 15
      • 15 - 20
      • 20 - 25
      • 25 - 30
      • 30 - 35

Graduated symbology using size for the Centroid

  1. Your Centroid layer should look like below:

Centroid with size-based Graduated symbology

  1. Use the Assistant to override the Symbol Fill Color with the following parameters:
    • Source:
      (pop2020-pop2000)/20
    • Values from: 500 to 15000

Symbol Fill Color parameters for the Assistant

  1. Your layer should look like below:

Contact us or sign-up to our courses if you are interested in having this as an instructor-led or self-paced course.