Blog

Power BI: How to display a web page dynamically within Power BI using HTML5 Visual?

The Power of Data For Success

Power BI offers numerous options for visualizing and analyzing data. But did you know that you can also dynamically display a web page within Power BI? Using the HTML5 visual and an iFrame, you can seamlessly integrate external web pages into your report and link them to your data. In this blog post, we will show you how to dynamically display a web page within Power BI.

Step 1: Embedding the HTML5 visual: Open your Power BI report and switch to the "Start" tab. Download the "HTML5" visual. Click the "HTML5" visual in the visualization toolbar to insert a blank HTML5 visual into your report.

Step 2: Create a Measure: To dynamically adjust the URL of the iFrame, create a measure that returns the desired URL value. Use DAX functions or Power Query to define the measure. For example, you could create a measure named "Website URL" and return the corresponding URL based on your data.

Step 3: Dynamic customization of the URL: Edit the pasted code to insert the measure for the URL. For example:

Website URL =

The "[Website URL]" measure is dynamically replaced with the URL value defined in your measure.

Step 4: Customization and formatting: Customize the HTML5 visual and iFrame according to your preferences by adjusting the size, position, borders, and background colors. You can also add more elements or texts to contextualize the web page within the report.

Step 5: Review and publish: Review your work by previewing the report. Ensure that the web page loads correctly and the dynamic adjustments work as expected. Save the report and publish it to your Power BI environment so that other users can benefit from the dynamic web page display.

Conclusion:
The ability to dynamically display a website within Power BI opens up new perspectives in the presentation of data and information.