The latest articles on DEV Community by Ngetich (@keim). https://dev.to/keim https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3851171%2Fd3f3acc5-32b6-48af-a388-c2997e0a8d22.png https://dev.to/keim en Ngetich Sun, 05 Apr 2026 12:56:18 +0000 https://dev.to/keim/how-to-publish-a-power-bi-report-and-embed-it-in-a-website-2f3n https://dev.to/keim/how-to-publish-a-power-bi-report-and-embed-it-in-a-website-2f3n <h1> Introduction </h1> <p>Power BI is a powerful tool introduced by Microsoft and widely used for its advanced data analysis capability. It allows users to transform raw data into interactive dashboards and reports that can then be used to derive insights and even aid in decision making.<br> Among its many functionalities, one could say one of the most important functionality is the ability to publish such reports and dashboards and even embed them to websites for easy sharing and collaboration.<br> In this article we look at the full process of publishing a power BI report from creating workspaces through to embedding the report in a website.</p> <h1> Step 1: Creating a workspace </h1> <ul> <li><p>Go to Power BI Service (<a href="https://app.powerbi.com/" rel="noopener noreferrer">https://app.powerbi.com/</a>)</p></li> <li><p>Follow the sign in steps and use your credentials to sign in to your account<br> This takes you to the Power Bi Service Home Page.</p></li> <li><p>On the left panel click Workspaces</p></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbbec6j9605fa79p5rbpp.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbbec6j9605fa79p5rbpp.png" alt=" " width="578" height="902"></a></p> <ul> <li>Click +New Workspace</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frn35n2q9lqvwpd2zho0w.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frn35n2q9lqvwpd2zho0w.png" alt=" " width="588" height="1021"></a></p> <ul> <li> <p>In the pop up that appears enter:</p> <ul> <li>Name (Workspace name)</li> <li>Description (Workspace description - optional)</li> </ul> </li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fol77p2nlwpdnirydls5f.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fol77p2nlwpdnirydls5f.png" alt=" " width="769" height="908"></a></p> <ul> <li>Click apply</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcaxvg9rpehgfvgr3k4rc.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcaxvg9rpehgfvgr3k4rc.png" alt=" " width="780" height="900"></a></p> <p>Your workspace is now created and ready to be used</p> <h1> Step 2: Uploading and Publishing Your Report </h1> <p>Your report can be published from Power BI Desktop or you can upload it directly</p> <h2> Option 1:Publish from Power BI Desktop </h2> <ul> <li><p>Open your report in Power BI Desktop</p></li> <li><p>If you are not already signed in, sign in by clicking on <strong>sign in</strong> in the top right corner and complete the sign in steps</p></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fezdf7i01r3rux31nyt0l.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fezdf7i01r3rux31nyt0l.png" alt=" " width="746" height="360"></a></p> <ul> <li>In the top right of the ribbon, click on <strong>Publish</strong> </li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0h0jnb8uoytanxq3o8qn.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0h0jnb8uoytanxq3o8qn.png" alt=" " width="665" height="318"></a></p> <ul> <li>On the pop up, search your workspace name using the search bar</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmjqaygxbbh0riwo4sgq3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmjqaygxbbh0riwo4sgq3.png" alt=" " width="800" height="608"></a></p> <ul> <li>Click <strong>Select</strong> </li> </ul> <h2> Option 2: Direct upload on Power BI Service </h2> <ul> <li>On Power BI Service Home page, click on <strong>Workspaces</strong> on the left panel</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw67ruexi3lxuzpbbmghv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw67ruexi3lxuzpbbmghv.png" alt=" " width="578" height="902"></a></p> <ul> <li>Select your workspace or search for it in the search bar</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8hfw3b9e89h014zb5g3n.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8hfw3b9e89h014zb5g3n.png" alt=" " width="525" height="956"></a></p> <ul> <li>Click on <strong>Import - Report, Paginated report or Workbook - from this computer</strong> </li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjyfbycjurji8g7n6c71n.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjyfbycjurji8g7n6c71n.png" alt=" " width="800" height="189"></a></p> <ul> <li>Browse and Select your file</li> </ul> <p>Your report will now appear in the workspace.</p> <h1> Step 3: Generating the Embed Code </h1> <ul> <li><p>Navigate to your workspace page in Power BI Service and open your Power BI Report by clicking on the name</p></li> <li><p>Click on File - Embed report - Publish to web(public)</p></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3w8ndbfm8kd0vu8yop48.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3w8ndbfm8kd0vu8yop48.png" alt=" " width="800" height="405"></a></p> <ul> <li><p>Click <strong>Create embed code</strong></p></li> <li><p>Copy the generated HTML iframe code</p></li> </ul> <h1> Step 4: Embedding the report on a website </h1> <ul> <li><p>Open your website's HTML file</p></li> <li><p>Paste the copied iframe in the section where you want your report displayed</p></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fahop7s9m9n5mw0zgkzdz.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fahop7s9m9n5mw0zgkzdz.png" alt=" " width="800" height="460"></a></p> <ul> <li>Save your file and refresh your webpage</li> </ul> <p>Your report is now accessible on your website!</p> <h1> Key Insights </h1> <ul> <li><p>Power BI enables easy sharing of insights on the web through embedding</p></li> <li><p>Workspaces allow users to manage reports in power BI cloud</p></li> <li><p>Embedding uses simple HTML iframes making integration easy</p></li> </ul> <p>Embedding allows you to turn your reports and dashboards into interactive web experiences. This capability makes your insights more accessible</p> datascience analytics powerbi dataengineering