Skip to main content

Create Tooltip Visualization Using 23degrees Platform

This tutorial guides you through creating a tooltip visualization using the 23degrees platform.

Published at May 6, 2026
1. Introduction

In this example we have a map with the sdg score of every country. We want to add a timeline chart with the score evolution of every country that is going to be visible on click

Introduction
Introduction
2. Insert Statistic

To add a tooltip visualisation click here on the "Add Statistic" Button.

Insert Statistic
Insert Statistic
3. Choose Existing Statistics

Click on "My existing statistics". Keep in mind: you need to have created the visualisation that you want to put in the tooltip beforehand.

Choose Existing Statistics
Choose Existing Statistics
5. Display Options

On the left side you see a preview of your chart and on the right side you can set the width and height settings of your visualisation within the tooltip

Display Options
Display Options
6. Make a Join

For the tooltip to display the correct country when clicking on it we need to make a join between the two visualisations. In this case both datasets have a country column and thats what we are going to use to join them

Make a Join
Make a Join
7. Select Country Field

Click "Country" to specify the country data field.

Select Country Field
Select Country Field
8. Confirm Country Field Selection

Click "Country" again to confirm your selection.

Confirm Country Field Selection
Confirm Country Field Selection
9. Add Data Join

Click "Add join" to link additional data sources.

Add Data Join
Add Data Join
10. Add Statistic to Visualization

Click "Add statistic" to finish

Add Statistic to Visualization
Add Statistic to Visualization
11. Check Tooltip Visualisation

Now when clicking on a country you get shown the corresponding tooltip timeline line chart.

Check Tooltip Visualisation
Check Tooltip Visualisation

You have successfully created a tooltip visualization by configuring data sources, selecting visualization types, and customizing settings within the 23degrees platform. Next, explore sharing options or advanced customization features to enhance your data presentation.