Creating a URL Photo Table in PowerBI

In some specific cases, analytical dashboards may require inclusion of photos corresponding to respective values. They can add additional context to the information being presented, helping users relate data to the corresponding real-world element, or simply aid users in identification of the areas of focus. This is particularly useful when images we want to pull into visualisations are stored on a website that PowerBi can connect to. All that's needed is a list of file names corresponding to the images. (Guide on how to extract a list of file names can be found here.)

The table can contain as little as 3 columns with:
- Image file names
- Corresponding URLs
- Distinct values represented by image (which can be later used for either joining or creating relationships between tables)

  1. Upload the table containing image file names to PowerBI.
  1. Open the Power Query Editor.
  2. Open your internet browser and find the website that contains the images of interest.
  3. Right-click on one of the image and select "Open Image in New Tab" from the drop-down menu.
URL address will be visible in the search bar at the top. File name will be visible at the end of the address.
  1. Copy the URL address without the file name part.
  1. Go back to Power Query Editor, and create a new column in your table with a calculation that combines the base URL (which was just copied) with the image file names (from the existing column):

All that needs to be done from this point is addition of column (or columns) that will be used for the establishment of relationships between tables. If image file are well documented, this can be simply done by duplicating the column containing file names and cleaning it up to the desired format:

Changes in Power Query Editor can now be applied and you can go back to PowerBI Desktop. But in order for the Full Image URL's to work the data category needs to be specified:

  1. Go to the Table View.
  2. Select Full Image URL column.
  3. Navigate to the Column Tools tab.
  4. Open the Data Category drop down menu ("Uncategorized" by default) and change the value to "Image URL".

From now on, values from Full Image URL will show up as their corresponding images when used in your reports.

Author:
Michał Mioduchowski
Powered by The Information Lab
1st Floor, 25 Watling Street, London, EC4M 9BR
Subscribe
to our Newsletter
Get the lastest news about The Data School and application tips
Subscribe now
© 2024 The Information Lab