Use Venngage's Maps to create engaging, colorful representations of information that shows how data values vary across a geographical area.

No time to read the whole article?

  1. Choose the map that works best to visualize your data.

    1. Choropleth

    2. Bubble

  2. Add map charts to your design.

  3. Edit the values for your map.

  4. Change the colors of your map's data values.

  5. Customize how legends, titles and other data display across the map.

  6. Use the hover feature to further highlight your data.


1. Choose the map that works best to visualize your data.

Venngage's users can choose from the following map types:

  • Choropleth

  • Bubble

a. Choropleth

Choropleth maps use color to indicate higher and lower values across a regional map. Viewers can easily identify areas with the highest data rate and lowest data rate are, without having to refer to a table of values.

[Image description: A choropleth map of Canada titled "Ice Cream Lovers by Canadian Province". The names of the provinces appear over each one in white text outlined in black, and the provinces themselves are colored different shades in a gradient from dark to light pink. The darkest colored provinces have icons of ice cream cones and sundaes on them. The background is a light to dark blue gradient. End description.]

For example: in the above choropleth map, colored with a pink gradient, results of a fictional survey are represented. In this survey, 10,000 people across Canada self-reported that they love ice cream. By percentage:

  • 29% live in Ontario

  • 25% in British Columbia

  • 23% live in Quebec

and the remaining 23% are distributed across the other provinces.

Without showing exact percentages, the choropleth map clearly indicates:

  • the highest concentration of people who like ice cream in the darkest color provinces

  • the lowest concentration of people who like ice cream in the lightest color provinces

Choropleth maps are useful for representing:

  • population data (e.g., density, average age)

  • political sentiment (e.g., party support, voter turnout)

  • development indicators (e.g., food access by household, wealth distribution)

  • public health concerns (e.g., risk factors, birth weight, health outcomes)

  • weather indicators (e.g., rainfall distribution, soil condition)

  • horticulture and agriculture (e.g., crop yields, forest cover, plant biodiversity)

  • technology (e.g., social media use, cell phone adoption)

TIP: While color is a useful tool for 
drawing the eye, large geographic
areas marked on a map tend to get more
attention from viewers just by virtue
of their size. Keep this in mind when
you highlight data in a map chart.

Back to top

b. Bubble

Bubble maps (sometimes called "proportional symbol maps") use circles of varying diameters across a map to represent the distribution and measure of variables.

Bubble maps are helpful for differentiating increments in data sets that are spread across many geographical regions large or small by highlighting specific "hot spots" or relevant parts of the map.

Here is the same data set from the choropleth map above represented in the bubble style:

[Image description: A bubble map version of the "Ice Cream Lovers by Canadian Province" represented in the choropleth map above. The names of the provinces appear over each one in white text outlined in black, and the provinces themselves are all the same shade of light pink. Each province has a dark pink circle on it of various sizes, representing the amount of ice cream lovers in each province. The provinces with the largest circles have icons of ice cream sundaes and cones over them. The background is a light to dark blue gradient. End description.]

The bubble style is less ideal for visualizing this data set because:

  • The bubbles are spread out, making it harder to compare their relative size

  • Some of the bubbles are so small they are hard to see

  • The color contrast is not as effective at highlighting the areas where the highest numbers are distributed

Using a different data set, this bubble map represents the concentration in ice cream lovers in cities across the province of Ontario:

[Image description: A bubble map of Ontario titled "Ice Cream Lovers in Ontario". The names of the regions appear over each one in white text outlined in black. There is a white line indicating the region covered by the largest bubble (Niagara), with an ice cream sundae icon next to it. The province is light pink and regions are overlayed with dark pink bubbles of varying sizes. The background is a light to dark blue gradient. End description.]

Here the bubbles make it easier to see the part of the province where the highest concentration of ice cream lovers live—in this case, the southwest region of Ontario.

Bubble maps are useful for representing many of the same categories as choropleth maps, but with an emphasis on:

  • Displaying data sets with multiple inputs

  • Showcasing trends and patterns in data sets across geographical areas

  • Representing growth in data sets across regions, over a period of time

Back to top


2. Add map charts to your design.

Click Maps on the left panel and double-click or drag your desired map onto the canvas.

[video-to-gif output image]

[Image description: An animated GIF of a user in the Venngage editor opening the Map tab in the left-hand menu and dragging a choropleth-style map of Canada from the menu onto a design canvas. The map is colored in different shades of blue and the design canvas background is a yellow gradient. End description.]

Choose from the following maps:

  • Canada

  • United States

Premium, Business and Enterprise users also have access to maps of:

  • United Kingdom (Great Britain & Northern Ireland)

  • Australia

  • Europe

  • Africa

  • Asia

  • World Map

  • Individual Canadian provinces and American states

Back to top


3. Edit the values for your map.

To edit, double-click the map or click Edit Map in the top toolbar to open the map values.

[video-to-gif output image]

[Image description: An animated GIF of a user in the Venngage editor clicking Edit Map in the top toolbar, with a map of Canada selected on the design canvas. On the right-hand side of the screen, the map panel overlay opens to the Data tab, displaying a table containing the names of the provinces and the numeric values associated with each. As the user enters different values into the table, the shades of the blue color in certain regions on the map change to reflect the new value inputs. End description.]

Under the Data tab, edit the values associated with each region on the map by clicking into the cell you want to edit and entering the value, or copy-paste from an external spreadsheet.

On a choropleth map (pictured above), the regions on the map change colors based on the maximum and minimum value.

On a bubble map (pictured below), the circles superimposed over the regions on the map will change size based on the maximum and minimum value.

NOTE: Any changes you make to the 
values in the chart will save
automatically when you select another
cell or press "Return".

[video-to-gif output image]

[Image description: An animated GIF of a user in the Venngage editor. The map editing panel is open on the Data tab, overlaying a blue bubble map of Canada with yellow circles of varying size on a design canvas with a yellow gradient background. The user changes the numeric values in the table. As the user enters different values into the table, the size of the yellow circles over certain regions on the map changes to reflect the new value inputs. End description.]

Back to top


4. Change the colors of your map's data values.

Double-click the map or click Edit Map in the top toolbar to open the map values. Click the Settings tab in the "Edit Map" panel.

Under Map type, change the colors, gradient and number of steps between two colors on a choropleth map, or to change the map from a choropleth to a bubble-style map.

Any changes you make are saved automatically and are visible on the design canvas.

[Image description: An animated GIF of a user in the Venngage editor. The user selects a blue map of Canada on a design canvas with a yellow gradient background. The Edit Map panel overlay appears on the right side of the screen. The user clicks the Settings tab and scrolls town to Map type, where they change the map from Steps to Gradient and then back. The change the number of steps to 4 and click on a "Preset" colour gradient, changing the color of the map from a sequence of blues to purple shades. End description.]

The settings you can customize on each map type vary.

Choropleth map

  • Change the Scale type to "Gradient" or "Steps".

    • Use Gradient to choose two colors under the "Color palette" or "Presets" and automatically generates a smooth transition between those two colors.

    • Use Steps to create a gradient of 2 to 9 steps with automatically rounded values, or supply the values yourself to determine which number ranges are displayed as which color in the gradient. Choose from six "Presets" to customize the gradient color.

Bubble map

  • Control colors on the map with the Color palette

    • Click the color for Map to change the color of the map itself

    • Click the color for Bubble to change the color of the circles displayed on the map

Both Maps

  • Border: Customize the color and opacity of the borders between regions on the map by clicking the color for "Border"

  • Background: Add a color to the background of the map and control its opacity by clicking the color for "Background"

  • Border width: Widen or narrow the borders between the regions on your map with the slider or the number box.

Back to top


5. Customize how legends, titles and other data display across the map.

Double-click the map or click Edit Map in the top toolbar to open the map values. Click the Settings tab in the "Edit Map" panel.

Any changes you make are saved automatically and are visible on the design canvas.

Use the toggle switches to enable or disable the display of some or all of the following elements on your map:

*The "Legend" feature is specific to choropleth maps and is not displayed for bubble maps.

[video-to-gif output image]

[Image description: An animated GIF of the Edit Map panel, with the Settings tab selected. The user clicks the toggle beside "Title" to turn the feature on and expand the menu with customizable settings for that feature; they repeat that process for "Labels" and "Legend". End description.]

From under each features' section, customize what is displayed.

Title

  • Title: Change the title of your chart by entering text into the box.

  • Style: Customize font face, size, style and color from the drop-downs and color-picker.

  • Alignment: shift the title's position over the map to Left, Center or Right.

[Image description: The "Title" section of the Settings panel with controls as described above. End description.]

Labels

  • Format: Select either "Name" or "Value" to display those labels on the map

    • Name will display region names* for the areas on the map.

    • Value will display the numerical value associated with the map region.

  • Style: Customize font face, size, style and color from the drop-downs and color-picker.

  • Text Shadow: click the toggle button to enable or disable text shadow on the labels.

*NOTE: Region names are hardcoded 
to the maps and cannot be changed
without causing the display to
malfunction.

[Image description: The "Labels" section of the Settings panel with controls as described above. End description.]

Legend

NOTE: This option will not appear in the Edit Map "Settings" panel if you have chosen a bubble map.

  • Title: Change the title of your chart by entering text into the box.

  • Style: Customize font face, size, style and color from the drop-downs and color-picker.

  • Alignment: shift the legend's position relative to the map:

    • Above

    • Under

    • Left

    • Right

  • Corner Rounding: round the corners on the background of the legend when the border width value is equal to "1" or more, by adjusting the slider or entering a numeric value.

  • Border width: enlarge or shrink the width of the border that appears around the legend, by adjusting the slider or entering a numeric value.

  • Border: Change the color and opacity of the border clicking on the color picker.

  • Background: Change the color and opacity of the legend's background by clicking on the color picker.

[Image description: The "Legend" section of the Settings panel with controls as described above. End description.]

Back to top


6. Use the hover feature to further highlight your data.

For an interactive view of your map that further highlights the data, preview or share your design.

To generate an interactive preview of your design, click the Preview button on the right side of the top toolbar, as shown in the GIF below:

[video-to-gif output image]

[[Image description: An animated GIF of a user clicking the "Preview" button as described above. The button is white, with a green border and the word "Preview" in green, and appears in the top toolbar between a grey download icon and the "Share" button. End description.] ]

To share an interactive version of your design, click the Share button on the right side of the top toolbar, as show in the GIF below:

[video-to-gif output image]

[Image description: An animated GIF of a user clicking the "Share" button as described above. The button is solid green with the word "Share" which appears in white lettering. It appears in the top toolbar between the "Preview" button and the "Comment" speech bubble icon. When the user clicks "Share", an overlay panel opens and the user clicks the green "Copy link" button under the "Public link" section at the bottom. End description.]

This will generate an interactive HTML-based version of your design. The "hover" feature highlights sections of your map, displaying region labels and values when you mouse over the area (seen on a choropleth map in the GIF below).

[video-to-gif output image]

[Image description: An animated GIF where a user mouses over a choropleth map of Canada titled "Ice Cream Lovers by Canadian Province". The provinces appear in shades of light to dark pink; when the user's mouse passes over each province, the color changes to yellow and an alt text box displaying the province name and numeric value appears. End description.]

Customize the "hover" color before you preview or share your design:

  • Open the design in the editor.

  • Double-click into the map or click Edit Map to open the settings to customize the map.

  • Click the Settings tab.

  • Expand the Hover section at the bottom of the panel.

  • Click on the color-picker to select your desired color.

[video-to-gif output image]

[Image description: An animated GIF of the Venngage editor with the "Edit Map" panel overlay visible over a choropleth map on the design canvas. A user clicks the "Settings" tab and opens the color-picker under "Hover" as described above, changing the selected color from yellow to purple. End description.]

NOTE: The hover feature displays region 
names and numeric values on a bubble map
but will not change the colors of the
circles displayed.

[video-to-gif output image]

[Image description: An animated GIF of a user mousing over a bubble map version of the "Ice Cream Lovers by Canadian Province" represented in the choropleth map above. When the user's mouse passes over the circle on each province, an alt text box displaying the province name and numeric value appears. End description.]

Back to top


WATCH THE QUICK START VIDEO

Back to top


Related Articles:

Curious about upgrading? Compare our plan features side by side.


Did this answer your question?