How to Publish a Power BI Report and Embed It on a Website (Step-by-Step Guide)

Source: Dev.to

What is Power BI?

Power BI is a business intelligence tool developed by Microsoft that helps you analyze data and present it through interactive visuals such as charts, graphs, and dashboards. Instead of static reports, Power BI lets users explore data by clicking, filtering, and drilling down into details.
You typically build reports in Power BI Desktop, then publish them to the Power BI Service, the online platform where your reports are hosted and shared.

Why Publish and Embed a Report?

Publishing your report allows you to:

• Access it from anywhere
• Share it with colleagues, clients, or the public

Embedding takes it a step further by letting you display the report inside a website, blog, or portfolio—ideal for showcasing your work or building data‑driven applications.

Step 1: Create a Workspace

A workspace in Power BI Service acts as a container for your reports, dashboards, and datasets.

1. Go to the Power BI Service in your browser.
2. Click Create → Workspace.
3. Give the workspace a name and save.

Your new workspace will appear in the list and be ready for use.

Step 2: Publish Your Report from Power BI Desktop

1. Open your report in Power BI Desktop.
2. Click Publish and select the workspace you created.
3. After a few seconds, the report is uploaded.

To confirm the upload:

• Return to the Power BI Service and locate the report in your workspace.

Step 3: Generate the Embed Code

1. Open the published report in the Power BI Service.
2. Click File → Embed report → Publish to web.
3. Follow the prompts to create an embed link.

Important: This method makes your report publicly accessible. Anyone with the link can view it, so avoid using it for confidential or sensitive data.

Step 4: Embedding the Report on a Website

1. Copy the embed link generated in the previous step.
2. Insert the link into your website’s HTML using an “ (or the platform’s “embed/custom HTML” feature).

3. Save the changes and preview the page in a browser.
4. Verify that the report loads correctly and fits within your layout; adjust width, height, or surrounding spacing as needed.

Tips for a smooth embed

• Ensure visuals are clean and easy to understand before publishing.
• Test the page on multiple devices to confirm responsiveness.
• Monitor the report’s performance; large datasets may affect load times.

Final Thoughts

Publishing and embedding a Power BI report transforms a static file on your computer into an interactive, web‑accessible experience. Once you’re familiar with the workflow—create a workspace, publish the report, generate the embed code, and add it to your site—the process becomes straightforward and powerful for portfolios, data projects, or any scenario where you want to share insights with a broader audience.