Written by:
Last updated: 04/07/2019 10:51:49

In this guide we will show you how to create a predominance map in Azimap

Time to complete: 5 mins.

Tools required - LibreOffice Calc, Azimap

Step - 1 Download and extract shape file

Sample Files to Download: UK Elections Results 2015.zip [1]

Extract zip to a folder.

Step - 2 Edit attribute data using LibreOffice

Open the .dbf file "GB&NI_Election2015.dbf" with LibreOffice Calc

Accept the default character set.

We are going to add three new columns (Attributes) to the .dbf file.

These are:

  • Winner - the resultant elected party 
  • NumVotes - the number of votes the winner achieved
  • PercVotes - the percentage of the votes cast the winner achieved

We have to define the column structure so each new column should be set as

WINNER,C,254 - varchar, 254 characters

NUMVOTES,N,10 - number 10 digits

PERCVOTES,N,10 - number 10 digits

NB care must be taken that the data inserted in the created columns matches the above structure.

In the WINNER column ROW 2 use the formula


Here we are trying to return the column header to the cell of the highest value in the range. To do this we can apply a combination of INDEX, MATCH and MAX functions to get the result. 

We want to make the index range static rather than relative for this so select the first


and press F4 which will make it static


In the NUMVOTES column ROW 2 use the formula


This will select the highest number in the range

In the PERCVOTES column  ROW 2 use the formula


Right Click on the PERCVOTES column and choose format cells

Set the column category to percent and click OK

Select all of the rows in the three new columns except the headers

use CTRL-D to copy the contents of the 1st row selected into all the other rows

Nearly done on the data work, as you can see from the above screenshot, unfortunately LibreOffice Calc copys the structure information of the header into the winner column. To solve this delete the structure data from the applicable header cells (don't worry this is only visual)




Save your amended file as a dBASE file (default)

That's it, all data preparation complete - let's make a map.

Step 3 - Click on Maps section and create NEW map

Name your new map and save

Step 4 - Create map and upload data

When you try to load a map without any layers attached you get the below window

Choose the create / Import button (This is accessible on the map using the gears button on the layer tree view)

Choose Import

Re-zip all of the shape file (quicker to upload) and Drag and drop to the DnD area

Rename Your Layers after upload if you desire (upload may take a little while depending on internet speed)

Click SAVE to import (Should take around a minute)

Step 4 - Style the data

The layer will load with the default polygon layer style (black outline, grey polygon)

Click on the style preview icon next to the layer name in the layer chooser to modify the style

Click NEW to create new style


Click ADD and choose "polygon thematic styling" wizard

Select the attribute you want to style against - for this map we will use the earlier created column "Winner"

Change the style options as you see fit - I have set stroke width to 0.1 and stroke opacity to 50%

Click on the 2nd tab "Data Range" to set the colours for your autogen style

Click on the colour  or enter your hex code to set to your desired colour

After you have entered your desired colours, click OK to exit

If you are happy with the style click SAVE. Click YES to save as current style or NO to give the style new name


This will reload the layer with the new style and should look like below, well done you've got a predominance map!

Step 5 - Setup Layer interactivity (Optional)

Azimap has the capability to add client side interactivity to a map layer utilising UTFgrid. Just choose the data you want to show on hover and it will display on the map immediately.

Select the edit map layer config button in the layer chooser control (the gear symbol)


This will open the map layer config control, for this map click the CONFIGURE HOVER/CLICK POPUPS button

Select the 2nd tab "HOVER"  - here we can choose the styling of our interactive popup (black theme/ white theme or data layout of horizontal or vertical)

Choose the switch for the data you want to display in your interactive hover popup - I have chosen Constituency, Winner and NumVotes. Click OK and then Click SAVE

Now to see your new interactive popup, hover over any polygon.

Thanks for reading the guide and we hope you enjoy creating predominance maps with Azimap

If you haven't signed up yet go to the Azimap website and click register.

Author: David McQuillan

Published Date:  01/06/17 

[1] Dataset sourced from multiple locations

NI spatial data  and GB spatial data sourced from data.gov.uk under the Open Government Licence

Electoral data extracted from the Electoral Commission