Native Power BI KPI cards do one thing: a big number. No conditional color. No comparison bar. No breakdown. If you want any of that, you stitch together three visuals and pray the alignment holds.
There’s a better way — and it uses a visual most Power BI developers have never tried: the HTML Content visual.
This Article/Video will let you build this visual in 5 minutes:
What is the HTML Content visual?
It’s a free, Microsoft-certified custom visual on AppSource. Install it once. From that point forward, anything you can write in HTML + CSS — cards, badges, bar charts, narrative panels, animated backgrounds — you can render inside a Power BI report. The HTML comes from a single DAX measure that returns a string.
So you’re installing one custom visual, but you’re building unlimited designs with it. That’s the unlock.
What we’re building today
A dark, glassy KPI tile with:
The current year’s sales as the hero number
A green or red YoY % badge that flips based on growth
An “overall achievement” bar with a white reference line at 100%
A by-category bar chart where every bar is green if it beat last year, red if it didn’t
All of it is one DAX measure rendered through the HTML Content visual. No Python, no R, no embedded webpage — just DAX that returns HTML.
If you like such videos in your posts, then do let me know in the comments.
Also if you are looking for jobs in data profession, it will be great to check this website for free account https://firstdatajob.com
(This website is helping students to find data jobs that they were unable to find on LinkedIn)
Stay Analytical, Stay Curious!
- Atikant Jain (AJ)
📍Perth, Australia