layout.skipToContent

Display Country Flags in Charts Using 23degrees

This tutorial demonstrates how to display country flags within your charts using 23degrees.

applicationUI.publishedAt 6 mai 2026
1. Introduction

You will learn to configure chart labels and insert flag data fields for enhanced visualization.

Introduction
Introduction
2. Open Chart Options

First make sure that your country column is defined as a geo column. click on the data editor to verify.

Open Chart Options
Open Chart Options
3. Start Editing Chart

Make sure your country column is a geography. a green globe should be in the column header.

Start Editing Chart
Start Editing Chart
4. Access Axis Label Settings

Next go to the label axis in the chart editor.

Access Axis Label Settings
Access Axis Label Settings
5. Open Label Configuration

Click on "Select Image From Data"

Open Label Configuration
Open Label Configuration
6. Select Geo Column

Select your Geo Column

Select Geo Column
Select Geo Column
7. Select Flag Size

You can select the rounding and the height and width of your flag in pixels.

Select Flag Size
Select Flag Size
8. Vertical Allignment

Here you can also set the vertical allignment.

Vertical Allignment
Vertical Allignment
9. Insert Data Field

When finished confirm your settings by clicking "insert data field".

Insert Data Field
Insert Data Field
10. Select Label Flag Field

And that's already it!

Select Label Flag Field
Select Label Flag Field

You have successfully configured your chart to display country flags by customizing label settings and inserting the appropriate data fields. This enhances your chart's visual appeal and provides clear geographic context. For further customization, explore additional chart styling options or data integrations within 23degrees.