Get Specific Visual from PowerBI Report

[Siddhesh_Singh]

Hey guys,

I have a requirement for extracting a visual from Power BI Report which I need to embed in a web page,

we have tried using Iframe links but we are not able to target specific visuals through Iframe,

We have also tried using javascript power bi client library(ps : here's the link to the same Page class | Microsoft Learn) but we are not able to get authorised correctly even with service principal Entra Token we use for power BI Rest API.

Please let me know if something's possible in this regards 

Regards

[v-venuppu · Accepted solution]

Hi @Siddhesh_Singh 

Thank you for reaching out to Microsoft Fabric Community.

Yes, you can embed a specific visual from a Power BI report into a webpage using the Power BI JavaScript Client SDK. Here's the general approach:

Use Power BI JavaScript SDK - It lets you embed and control reports dynamically in a web page.

Target a Specific Visual - After embedding the report, you can access the visuals on a specific page via getPages() --> getVisuals() and programmatically focus or interact with a specific visual by its name or title.

Use Bookmarks (Optional) – If you want to show only one visual cleanly, create a bookmark in Power BI Desktop that hides everything else and apply it via SDK.

Authentication - Ensure correct token generation:

Use Service Principal with proper Power BI workspace access (Premium required)

Here are few Limitations:

1.Power BI doesn’t natively allow embedding a single visual directly. Instead, you embed the whole report and either:

• Focus/highlight a visual
• Use bookmarks to isolate visuals
• Or design a page with only that visual

If this post helps, then please consider Accepting as solution to help the other members find it more quickly.

Thank you.