Map with rich tooltips
This article demonstrates how to insert rich tooltips in a map to display additional information when users hover over a country.
Example Map with rich tooltip
How to Reuse This Map
To use this map as a template, click this link and then select Save in the top-right corner.
Adding Rich Text to Tooltips
You can format tooltip content using HTML by adding data in the Data section.
Notice that the column header is "tooltip" in this example. We will use this value for the next point.
Adding Values to the Tooltip
- Navigate to Basic > Tooltip in the settings.
- Refer the newly added data column to display additional information for each country. Here we're using the tooltip column from above by referring to {point.tooltip} in the header field.
For more information about how to customize tooltips, see these articles:
Add extra information to the map tooltip
Customization Options
For more ways to customize your map, check this article.