Support Centre

Search

Using the Hover Feature to Highlight Map Data (Classic Editor)

Gino B.
Gino B.
  • Updated

Note: This feature is only available on the Classic Editor.

A map chart is perfect for representing demographics data in a colorful, visible way.

Pssst 🤫

For a quick overview of how
to add and use map charts in 
your designs, check out our
VIDEO Quick Start Guide.

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:

 

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.

 

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:

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.

 

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).

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.

 

VENNGAGE MAKES IT EASY

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

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

Open your map chart 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.

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.

Expand the Hover section at the bottom of the panel.

Click on the color-picker to select your desired color, or select a color from your Brand Color swatches.

Any changes you make to the map settings will be reflected on the design canvas and saved automatically.

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.

 

The hover feature is perfect for sharing your design virtually or in a meeting where viewers want to see the exact data associated with each of the regions represented on your map.

 

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

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

Was this article helpful?

0 out of 1 found this helpful

Have more questions? Submit a request