u/Typical_Tea_2664 — reddlx

EDIT!: this post is getting a lot more attention than initially anticipated. I’ll put together a YouTube video on how I do this soon. My YouTube and LinkedIn are on profile if you’re interested to follow and learn more. If someone from Microsoft is reading this, can I please get free embed capacity for a month so I can share with several people the time same time 😅

As some of you may know me from designing Power BI Embedded dashboards, I decided to let Claude Design take the wheel on the design side then build out custom visuals and react shell on Claude Code. Let me (or I guess Claude ) know what you think of the dashboard it made.

Feel free to comment or DM if you want to login and play around with the dashboard. I am embedding on PPU Capacity and not dedicated embed capacity, so I will share passwords that stay valid for 24 Hours (or more if too many people don't request)

The way I got to this, I gave context to Claude Design about my Adventureworks dataset and asked it to design a purely react dashboard (no Power BI) to start with. My starting point on Claude Design with a simply react dashboard.

With that starting point, I built out the shell (side bar, top bar, slicers etc), everything aside form the report canvas. (see image in gallery)

Then I got around to building custom visuals to match the full react design which was looking like so on PBI Desktop (see image in gallery)

Finally ended with a product where the react visuals look almost native and it won't look like power BI to the naked eye.

https://reddit.com/link/1sv5oas/video/8r5i8nssvexg1/player

Hey all,

Some of you might know me from the 7-part Power BI custom connector series I posted here a while back.

I've recently started building White Label Dashboards in Power BI and just wanted to share and see if others were interested in projects like this or doing something similar.

Most of my client work is confidential, so I can’t share those projects publicly, but I put together a quick demo with Adventureworks DB showing an example of a custom React shell with a Power BI report designed for embedding.

The concept is simple: the Power BI report sits inside a canvas area, while the React app handles the surrounding experience i.e. sidebar, navigation, custom filters, etc that interact with the report through the Power BI APIs. When designed properly, it's intended to feel like one seamless web app rather than a report embedded inside a page. I also created custom Power BI visuals using D3.js so the charts could better match the React theme and feel more native to the overall UI. Most of this can be done with AI (aside from the security audits)

In production projects, I’ve used MSAL authentication and RLS access rules passed through JSON to control both the embedded report and React-side filters. For this demo, I’m using temporary demo credentials stored in environment variables that I can rotate without any RLS. Since I’m using PPU embed capability instead of dedicated Embedded capacity, I don’t want too many people accessing it at once and abusing the Microsoft license. If you’re interested, lmk and I can send credentials.

Would love to hear your thoughts, especially from anyone working with Power BI Embedded, custom portals, or white-label analytics products. Do they have similar setups etc.