KPI Card Question

[AMCMILLAN]

Hi all,

 This is just putting the feelers out there to see if anyone has come across an app that does this or would I have to do some fancy designing in the KPI visual.
 I would like to recreate something similar to the below and wasn't sure if this has come up on anyones radar. I have the calculations at the ready .

Thanks

[v-sshirivolu]

Hi @AMCMILLAN ,

I would take a moment to thank @burakkaragoz  , for actively participating in the community forum and for the solutions you’ve been sharing in the community forum. Your contributions make a real difference.
 

I wanted to check if you had the opportunity to review the information provided. Please feel free to contact us if you have any further questions

[123abc]

Based on what you’re describing—especially wanting to recreate a KPI visual that shows something like a 0% vs. -9.4% comparison with values next to it—you’re right that you may need to get a bit creative with the visual design in Power BI.

I haven’t personally come across a pre-built app or custom visual that matches that exact layout off the shelf. Most KPI cards are more straightforward, showing one value with maybe a trend indicator. What you’re after looks more like a side-by-side or stacked comparison, possibly with conditional formatting for the percentages.

You could probably build this using either:

• A multi-row card visual, arranging your measures to show current vs. prior period, and using DAX or conditional formatting to color the percent change.

• A custom visual like “Card with States” or “KPI Indicator” from AppSource, though you might still need to tweak it.

• Or, if you’re comfortable, using Power BI’s built-in report canvas creatively—maybe combining several separate card visuals into one grouped shape with background formatting to mimic your example.

Since you already have the calculations ready, the quickest route might be to experiment with the “multi-row card” or “table” visual stripped down to look like a card, and use custom labels for the layout you want.

[burakkaragoz · Accepted solution]

Hi @AMCMILLAN ,

That is a very clean design!

To answer your question: No, you do not need a paid App for this. You can recreate this natively using the Card (New) visual, which is now Generally Available.

However, the left side of your example (the stacked 0%, Arrow, and -9.4%) is too complex for the standard "Icon" options. The trick to getting that "Pixel Perfect" layout without a custom visual is to use DAX SVGs.

Here is the recipe:

1. The Visual: Use the Card (New) visual.

• Data: Drag your Main Value (54,100) here.

• Reference Labels: Enable this in the formatting pane and add your Target Value (59,689) here to make it appear below the main number.

2. The "Fancy" Part (Left Side): Create a measure that generates that specific Arrow/Percentage stack as an image.

• Go to Cards > Image settings.

• Set Image Type to "Image URL".

• Set Position to "Left".

• Use the following DAX pattern for the Image URL:

KPI SVG Image = 
VAR ArrowColor = "Green" -- Make this dynamic based on your logic
RETURN
"data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
    <text x='50' y='20' text-anchor='middle' fill='" & ArrowColor & "' font-size='20' font-family='Segoe UI'>0%</text>
    
    <path d='M50 30 L80 60 L65 60 L65 90 L35 90 L35 60 L20 60 Z' fill='" & ArrowColor & "' />
    
    <text x='50' y='95' text-anchor='middle' fill='Red' font-size='20' font-family='Segoe UI'>-9.4%</text>
</svg>"

(You can make the text and colors dynamic by referencing your measures inside the string).

This method is lightweight, loads instantly, and requires zero extra budget for custom visuals!

Hope this helps you build that dashboard!

---

If my response resolved your query, kindly mark it as the Accepted Solution to assist others. Additionally, I would be grateful for a 'Kudos' if you found my response helpful.
This response was assisted by AI for translation and formatting purposes.

[rohit1991]

Hii @AMCMILLAN 

You can absolutely recreate the design.For the quickest solution, Card with States is the closest out-of-box match.
If you need more customization, Deneb or grouped native cards will work.