How to create KPI Cards

Nearly every Power BI Report contains at least one KPI Card Visual or something similar. This can be a native or custom visual. All these visuals do their job but none of them can be fully customized. With the HTML Text Styler or the HTML & CSS Viewer, you can create your very own KPI Card.

In the sample report below, you can see some sample KPI cards. Use the slicer on the left to select a country and see how the views change dynamically.

Before we show you how this was done, we want you to know one very important thing:

There’s no limit to what you can do! Every element used in these visuals can be changed. 

This is also why we can’t cover every single option in this article. What we can do is provide a video showing some basics and also give you a sample report to download so you can reuse what we have already created. And as always, if you don’t manage to create exactly the KPI card visual you want, get in touch and we’ll help you out.

Click here to get introduced to some of the most common HTML tags for formatting (bold, italic, underline, etc.)

Previous Article Dynamically change font size
Next Article Moving Text – Live Ticker – Marquee