DEV Community

Noel Mwami
Noel Mwami

Posted on

A Guide on Publishing Power BI Report and Embedding It on a Website Using iFrames

  1. Introduction Power BI is a business analytics tool that allows users to visualize data and share views across organizations. It has features that allows publishing of reports online and embedding them into websites using iframes.
  2. Requirements Before you begin or publish the power BI report , ensure you have:
  3. A Power BI account
  4. A completed Power BI report
  5. Access to Power BI Service (app.powerbi.com)
  6. Basic understanding of HTML

  7. Step 1: Create Your Report in Power BI Desktop
    Design your report with visuals, charts, and filters.

Report in power BI

  1. Step 2: Publish to Power BI Service Log into Power BI service Under workspace , create new work space with your name

Creating workspace in power service

Open the power BI report to publish
Go to file. Click "Publish" in Power BI Desktop choose the work space to publish report to

Publish in power BI

  1. Step 3: Open Report in Power BI Service

  2. Step 4: Generate Embed Code

  3. Open report

  4. Click File > Embed Report > Publish to Web

Embedding Report

7 step 5:- Confirm and copy iframe code

Copying the iframe

  1. Step 6: Embed in Website Paste iframe into your HTML file.

Pasting iframe link in html code

Save the file with .html extension
Click the file copy the path and paste in your browser if it works.

saved file in html

For example my link to the above file is a below click on it and see how a practiced power BI recently file:///C:/Users/nmwami/Desktop/PUBLISHING/Electronic%20sales%20Assignment.html
Conclusion
Embedding Power BI reports enhances interactivity and data sharing on websites.

Top comments (0)