layout.skipToContent

Column Types Explained: Media

This tutorial explains how to configure media column types within the 23degrees application.

applicationUI.publishedAt 6 de mayo de 2026
1. Introduction

You will learn to insert and customize media columns to enhance your data presentation effectively.

Introduction
Introduction
2. Insert New Column

To access the media column we first have to create a new column by right clicking on existing column and selecting "instert column right or left".

Insert New Column
Insert New Column
3. Access Column Settings

Now that we have created the new column, we can select the column settings by clicking on the column icon.

Access Column Settings
Access Column Settings
4. Select Media Column Type

Next lick the Media option to set the column type to media.

Select Media Column Type
Select Media Column Type
5. Confirm Media Selection

Click the Ok button to confirm your selection of the media column type.

Confirm Media Selection
Confirm Media Selection
6. Add Images from Media Library.

Now that we have the column defined as a media column we can click on each cells image icon to upload a logo or image from our media library.

Add Images from Media Library.
Add Images from Media Library.
7. Select from Media Library.

In this case we want to upload a symbol depicting the change in score compared to the previous edition.

Select from Media Library.
Select from Media Library.
8. Copy Paste Icons

If you need your inserted icon in other places you can also copy and paste it in another cell.

Copy Paste Icons
Copy Paste Icons
9. Media Path

Or if you are working with paths, you can just paste the path into your media cell

Media Path
Media Path
10. Insert Media Into Visualisation

In the next step i am going to show you how to insert your media into your visualisation. First click on "Start Editing".

Insert Media Into Visualisation
Insert Media Into Visualisation
11. Go to Data Labels

Click on Data Labels

Go to Data Labels
Go to Data Labels
12. Insert Image from Data

Go to Insert Image from Data.

Insert Image from Data
Insert Image from Data
13. Select Media Icons

Select your Media column.

Select Media Icons
Select Media Icons
14. Define Size

Define the height and width of your image.

Define Size
Define Size
15. Vertical Allignment

Choose a vertical allignment option

Vertical Allignment
Vertical Allignment
16. Insert Data Field

Insert the Data field.

Insert Data Field
Insert Data Field
17. Finished

And that's about it. your chart is now displaying the corresponding images that you selected from the media library.

Finished
Finished

You have successfully configured a media column type in the 23degrees application, including inserting the column, setting its type, and customizing media display options. Next, explore additional column types or advanced media settings to further enhance your data presentation.