SVG image inside Power BI with Figma

Custom graphics within Power BI are actually nothing new. Graphics can now be embedded in Power BI, and will continue to be. To do this, the graphic must be stored online in a location and then embedded via a web URL. Now, however, graphics can also be embedded within measures, but why is this possible when there was previously a sensible way? The reason for this is relatively simple: graphics don’t have to be stored online in a freely accessible location, and integrating SVG graphics is significantly more performant than the previous method. Embedding SVG graphics via measures within Power BI also only requires source code. This also makes CI/CD significantly more effective and easier.

To create an SVG graphic, I used the online tool Figma. However, I didn’t want to purchase a paid license for this. Basic licenses, which are free but have some restrictions, can also be used here.

Now that a free license has been registered, graphics can be created. To get the SVG source code that can be used for Power BI, you can use the free add in “Export SVG to URI”.

Custom graphics within Power BI are actually nothing new. Graphics can now be embedded in Power BI, and will continue to be. To do this, the graphic must be stored online in a location and then embedded via a web URL. Now, however, graphics can also be embedded within measures, but why is this possible when there was previously a sensible way? The reason for this is relatively simple: graphics don’t have to be stored online in a freely accessible location, and integrating SVG graphics is significantly more performant than the previous method. Embedding SVG graphics via measures within Power BI also only requires source code. This also makes CI/CD significantly more effective and easier.

To create an SVG graphic, I used the online tool Figma. However, I didn’t want to purchase a paid license for this. Basic licenses, which are free but have some restrictions, can also be used here.

Custom graphics within Power BI are actually nothing new. Graphics can now be embedded in Power BI, and will continue to be. To do this, the graphic must be stored online in a location and then embedded via a web URL. Now, however, graphics can also be embedded within measures, but why is this possible when there was previously a sensible way? The reason for this is relatively simple: graphics don’t have to be stored online in a freely accessible location, and integrating SVG graphics is significantly more performant than the previous method. Embedding SVG graphics via measures within Power BI also only requires source code. This also makes CI/CD significantly more effective and easier.

To create an SVG graphic, I used the online tool Figma. However, I didn’t want to purchase a paid license for this. Basic licenses, which are free but have some restrictions, can also be used here.

This allows each individual element/graphic to be exported. It’s important to set the output to „Data“ and the URI to „Simple.“ Then copy the provided source code. I then inserted the generated source code into a key figure as the output.

However, if you add the key figure to a table, it does not look as expected:

It is now important that you modify the data category accordingly and then it will look as expected:

The graphics can now be inserted and displayed in tables.

Categorized: Allgemein

Comments are closed.