IN THIS ARTICLE

    IN THIS ARTICLE

      Geo Map

      This section is a comprehensive guide on using Geo Maps in Mokkup.

      When to Use?

      A geo map is a type of chart that visualizes data on a map. It is often used to show the distribution of data over a geographic area, such as the population density of a country or the number of earthquakes in a region.

      A Geo Map is beneficial when:

      • For geography data visualization: Geo maps are helpful for visualizing geography data like population distribution, disease propagation, and business locations.
      • To illustrate patterns or tendencies: Data patterns like pollutant concentration or population growth can be shown on geo maps.
      • Data comparison across sites: Geo maps can be used to compare crime rates in different cities or product sales in different countries.
      • Communicating data to non-technical audiences: Since geo-maps are simple, they can help non-technical audiences understand data.
      • Drill down into data: Click on locations on geo maps to see more comprehensive data.
      • Use data when necessary: Users can pan, zoom, click, and filter geo maps.

      How to Create?

      Creating a New Project:

      • Click on ‘Create new’ from the home page
      • Setup the project by filling in the name and choosing the frame size
      • Drag & Drop the geomap on to the canvas or click on it to add from the left menu
      • Resize it on the canvas and place in the desired location
      • Edit it from the customize element menu which opens on element selection

      Using a Mokkup Template

      • Choose a template from the template library and click ‘Use Template’
      • Select the geomap that needs modification
      • Resize it on the canvas and place in the desired location
      • Edit it from the customize element menu which opens on element selection

      Tip: Mokkup elements have multiple variations that can be accessed by double-clicking on the element or clicking Variation in the customize element menu.

      How to Customize?

      Data

      The data in the geomap is prepopulated and cannot be edited.

      Edit Map 

      This is the default tab that opens when an element is selected. All element customizations can be done in this tab. Each sub-section will be explained below.

      1. Details

      Edit the basic map details here

      Select Country
      • Select the country to be displayed here.
      Title
      • Change the title of the map here. Toggle off if not needed.
      Alignment
      • Adjust the title alignment to either left, center, or right of the element.

      2. Properties

      Contains all the settings that play a role in the aesthetics of the map.

      Legends
      • Add/remove legends to the map by toggling on/off.

      3. Add Ons

      Contains additional elements that can be added to the map.

      Buttons
      • Switch on or off to add or remove buttons from the map. 
      • Add multiple buttons by clicking ‘Add Button’. 
      • Adjust their alignment to either the left, center, or right of the element using ‘Alignment’. 
      • Edit the button's content by clicking on the Title 1’ text in this menu. 
      • Delete any button by clicking the ‘trash’ icon near the name of the button. 
      Dropdowns
      • Toggle on or off to add or remove dropdowns in the map. 
      • Adjust their alignment to either the left, center, or right of the element using ‘Alignment’. 
      • Add dropdowns by clicking the ‘+’ icon
      • Reorder them by clicking the ‘Settings’ icon
      • Delete them by clicking the ‘Trash’ icon. 
      • The title can be edited in the ‘Edit Text’ field, and values can be added by entering values in the ‘Add Values’ field.
      KPIs
      • Toggle on or off to add or remove KPIs from the map. 
      • Add KPIs by clicking the ‘+’ icon
      • Reorder them by clicking the ‘Arrow’ icon
      • Delete them by clicking the ‘Trash’ icon. 
      • Adjust their alignment to either the left, center, or right of the element using ‘Alignment’. 
      • The title can be edited in the ‘Edit Text’ field, and values can be edited in the ‘Measured Value’ and ‘Percentage Change’ fields.
      Text
      • Toggle on or off to add or remove text boxes in the map. Enter any information that needs to be included for the map by editing the ‘Text’ field. 
      • Adjust the alignment to either the left, center, or right of the element using ‘Alignment’. 
      • Change the font weight to normal, medium, or bold from ‘Font weight’.

      Tip: Some add-ons cannot be used together in an element. For example: Turning on the Buttons toggle will automatically toggle off Dropdowns, and vice versa.

      4. Variation

      • Clicking this will open the ‘Choose Style’ pop-up. Pick a different style for the element from this. The pop-up can also be accessed by double-clicking any selected element.
      • Different element variations can also be achieved by customizing it using the steps described above.

      5. Design Customizations

      • This will access the 'Design Customizations' menu when clicked. 
      • Use this to change your active theme and utilize customization options to adjust the canvas accordingly.
      • For more information, please refer to this article.

      This was a complete guide to using and editing a geo map on Mokkup. For further help, please ask our Chatbot or contact Support.

      Similar articles