HTML/CSS in core Power BI visuals

This video showcases another method to push the boundaries of what you may think is achievable in Power BI. I demonstrate how you can embed HTML/CSS content into core Power BI visuals like the Card (new), Table, and Matrix, without the need for custom visuals such as HTML Content.
Live report: www.powerofbi....
PBIX file: github.com/ava...
The visualization is based on Workout Wednesday 2024 Week 12 challenge: workout-wednes...

[@b_atish]

really inspiring!
it give sme many anideas, thanks for sharing!
I was wondering if I could use the css variable to read the PowerBI Styleguide (color, fonts, font-sizes...)
for example: p{ color: var(--foreground)}
...but i got distracted and have not yet found a way to call the theme.json file, did you have such a challenge yet?

[@sajadahmadi595]

Thank you for this amazing video

[@alirezahossini463]

Brilliant 👏

[@FredySML]

Thank you 👍!!

[@DAXJutsu]

thank you!

[@DAXJutsu]

I replaced the base64 images with external urls but those images would not load :(

[@alexeyfirsankov5235]

​@@DAXJutsu i have same problem. Don't you find a solution? External images shows by url only by itself, but not inside in SVG tag

[@DAXJutsu]

@@alexeyfirsankov5235 seems like a Power BI problem. I have no problem viewing an SVG containing an external image url in an SVG viewer.

[@alexeyfirsankov5235]

@@DAXJutsu Well, propably it's not possible to do it standart table visual, unfortunately. But it works in HTML content custom viz

[@raulparra60]

Gracias por compartir