Gallery · free DAX

Power BI KPI card designs

28 KPI cards you can paste into a report today. Each one is a single DAX SVG measure with its own colours and sample story, ready for the new Card visual or a table row. Filter by style, copy the DAX, or open it in the SVG measure builder to change fields, colours and thresholds. Page layout opens the matching dashboard template in the Design Studio.

Short answer

How do I design a better KPI card in Power BI?

Use a DAX measure that returns an SVG image, so the card can show a target bar, sparkline or status colour that the native card can't. These 28 KPI card designs give you the full DAX: paste it as a measure, set its data category to Image URL and show it in a table, matrix or card.

By Nawaf Sharaf · Founder & Reliability Engineer · Updated November 4, 2026

MinimalCard visual
Revenue with trend
The default executive tile: caption, value, change against last year and twelve months of shape. One image replaces a card, a KPI visual and a line chart.
Pattern: KPI card (value, delta, sparkline) · Colours: Nordic Minimal theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
MinimalCard visual
Active users, side trend
A wide, short tile for a KPI strip across the top of a page: the trend sits beside the number so four of them fit in one row at 1280 px.
Pattern: KPI card (value, delta, sparkline) · Colours: Slate Executive theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
MinimalCard or table
Customers icon tile
An icon gives a row of KPIs something to scan by. Keep one icon family across the page; these are all the same 2 px Lucide stroke.
Pattern: Icon + value · Colours: Boardroom Blue theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
MinimalCard visual
Completion ring
A single ratio with a goal of 100% (onboarding done, budget spent). Use it as the Card visual's image with the count in the callout.
Pattern: Progress ring · Colours: Arctic Teal theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
MinimalCard or table
Year-on-year pill
The smallest useful KPI: a tinted pill with an arrow and the change. Put it in the new Card's callout image next to the value.
Pattern: KPI arrow / delta badge · Colours: Power BI default
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
MinimalCard visual
Cost per order (lower is better)
For cost and defect metrics the delta goes green when it falls. The direction switch flips the colour logic without touching the DAX by hand.
Pattern: KPI card (value, delta, sparkline) · Colours: Monochrome Ink theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
EditorialCard visual
Headline number
Magazine scale: one big figure with a quiet trend underneath, for a cover page or a report summary. Use one per page at most.
Pattern: KPI card (value, delta, sparkline) · Colours: Paper & Clay theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
EditorialCard visual
Channel mix donut
Three parts at most: a donut stops being readable after that. The centre shows the first part's share, so order the parts by importance.
Pattern: Mini donut · Colours: Earth Tones theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
EditorialCard or table
Store rating stars
Partial stars show 4.3 as 4.3, not 4. Pair it with the review count in a reference label so a rating from 3 reviews doesn't look like one from 3,000.
Pattern: Rating stars · Colours: Sunset Retail theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
EditorialCard or table
Patient satisfaction tile
The icon turns green or red against the target, so the tile carries status without a separate indicator. Calm palette for clinical audiences.
Pattern: Icon + value · Colours: Healthcare Calm theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
EditorialCard or table
Conversion trend strip
An area strip coloured by the period's direction. Under a native card it adds the trend Power BI's card doesn't draw.
Pattern: Sparkline (area) · Colours: Pastel Studio theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
DarkCard visual
Neon revenue card
On a dark page the card draws its own surface, so it stays legible even where the report background is busy. Here the period is down, so the delta is red.
Pattern: KPI card (value, delta, sparkline) · Colours: Carbon Neon theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
DarkCard visual
Midnight side card
Side layout for dark operations walls. Text and line colours come from a contrast-checked theme, so the caption still reaches 4.5:1.
Pattern: KPI card (value, delta, sparkline) · Colours: Midnight Analytics theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
DarkCard visual
Gold target ring
Ring colour switches red, amber, green at the thresholds you set, so a glance at a dark wall says which targets are in trouble.
Pattern: Progress ring · Colours: Obsidian Gold theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
DarkTable / matrix
Fleet traffic light
Three lamps where position carries meaning as well as colour: readable for colour-blind users and on low-quality wall displays.
Pattern: Traffic light / RAG dot · Colours: Aviation Ops theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
DarkCard visual
Plan mix donut
Two parts (annual vs monthly plans) with the share of the first in the middle. On dark themes keep the ring thick enough to read at a distance.
Pattern: Mini donut · Colours: Plum Dusk theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSTable / matrix
IBCS absolute variance
ΔPL as a bar from the plan axis: green is favourable, red unfavourable, grey everything else. The sober set finance teams accept.
Pattern: Variance bar (IBCS style) · Colours: IBCS (sober)
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSTable / matrix
IBCS relative variance pin
IBCS draws relative variances as pins, not bars, so they are never mistaken for absolute amounts. Put it next to the bar column.
Pattern: Variance bar (IBCS style) · Colours: IBCS (sober)
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSCard or table
Budget bullet
Actual against budget with qualitative bands: the gauge replacement that fits in a matrix row and still shows how far off target each line is.
Pattern: Bullet chart · Colours: Ledger Navy theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSTable / matrix
Margin delta arrow
Arrow and text without the pill for dense P&L tables, where a tinted background on every row would be too loud.
Pattern: KPI arrow / delta badge · Colours: Emerald Finance theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSCard visual
EBIT card, IBCS colours
Black actuals, grey reference, colour only for the variance: a KPI tile that sits on a board pack without breaking IBCS notation.
Pattern: KPI card (value, delta, sparkline) · Colours: IBCS (sober)
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
Finance / IBCSTable / matrix
Region before / after
Last year and this year per region on one scale: you see the level and the change, which a variance column alone hides.
Pattern: Dumbbell (before / after) · Colours: Boardroom Blue theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
SLA status pill
Solid pills with white text for service desks: the word carries the status, so it survives printing in black and white.
Pattern: Status pill · Colours: High Contrast Light theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
OEE progress bar
Overall equipment effectiveness per line with the world-class threshold as the green boundary. Colour-blind-safe Okabe–Ito palette.
Pattern: Progress bar · Colours: Okabe-Ito Accessible theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
SLA streak (win/loss)
Hit or miss per week, not by how much: streaks of misses stand out in a list of teams or sites.
Pattern: Win/loss bars · Colours: Okabe-Ito Accessible theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
Peak period columns
Discrete periods as columns with the peak highlighted: call volume by hour, deliveries by day. Better than a line when the periods don't connect.
Pattern: Column sparkline (small multiple bars) · Colours: Tol Bright (Dark) theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
Line health ring
Filled when healthy, an outline when not: the shape changes as well as the colour, which helps on dark plant-floor screens.
Pattern: Traffic light / RAG dot · Colours: Copper Industrial theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
OperationsTable / matrix
Throughput vs target bars
Data bars on one shared scale with the target as a tick: conditional-formatting bars that know the goal.
Pattern: Data bar with target · Colours: Slate Executive theme
Open in builder Page layout
Show DAX
```
Loading…
```
SVG measures are pictures, not visuals
No per-point tooltips, no clicking inside the picture, no Format-pane settings; hovering shows the raw SVG text.
Generate this as an interactive visual One-time credit packs, no subscription
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.

Every preview is the text its DAX returns for sample data.

What makes a KPI card readable

The four rules every design in the gallery follows.

One number per card

The value is the largest thing on the card. Everything else (caption, delta, trend) explains it.

Always a comparison

A number without prior year, plan or target can't be judged. Every design here carries one, as a delta, tick or band.

Colour only for meaning

Green and red mark good and bad change; the rest is neutral. Lower-is-better metrics flip the colours, not the arrows.

Readable without colour

Arrows, lamp position, pill words and IBCS pins carry the state too, so the cards survive greyscale printing and colour-blind readers.

Put a design in the new Card visual

Checked against Microsoft Learn's Card visual article (updated 22 Jul 2026) on 4 Nov 2026.

1
Create the measure
Open the design's DAX, copy it into Home > New measure and replace the placeholder measure and column names with yours.
2
Mark it as an image
With the measure selected, set Measure tools > Data category to Image URL.
3
Add a Card visual
Insert the new Card visual and put your headline measure in Data so the card has a value.
4
Show the SVG as the card's image
Format > Visual > Image: turn it on, set Image source to Select from data, choose the SVG measure and set Image fit to Fit. Hide the callout if the SVG already prints the value.

Questions

Can I use these designs in the native Card visual?

Yes. The new Card visual can show an image from a data field (Format > Visual > Image, Image source: Select from data). Designs marked Card visual are sized for that image slot; table designs are sized for a row.

Do the colours follow my report theme?

No: an SVG measure carries its own colours. Each design starts from one of the Design Studio themes or the IBCS set; open it in the builder and paste your theme JSON to recolour it.

Why are some designs only for tables?

Variance bars, data bars and dumbbells scale every row to the same maximum, which only means something when several rows are on screen together.

Can these cards be clicked to filter the report?

The Card visual or table row holding the image filters and drills like any other, but the picture itself is flat: no tooltip for the sparkline point under the cursor, no clicking a single bar, and the default tooltip shows the raw SVG text. For a KPI card with interactive parts, generate a custom visual from the same design with VizForge's AI generator.

How do I design a better KPI card in Power BI?

Revenue with trend

Active users, side trend

Customers icon tile

Completion ring

Year-on-year pill

Cost per order (lower is better)

Headline number

Channel mix donut

Store rating stars

Patient satisfaction tile

Conversion trend strip

Neon revenue card

Midnight side card

Gold target ring

Fleet traffic light

Plan mix donut

IBCS absolute variance

IBCS relative variance pin

Budget bullet

Margin delta arrow

EBIT card, IBCS colours

Region before / after

SLA status pill

OEE progress bar

SLA streak (win/loss)

Peak period columns

Line health ring

Throughput vs target bars

What makes a KPI card readable

One number per card

Always a comparison

Colour only for meaning

Readable without colour

Put a design in the new Card visual

Create the measure

Mark it as an image

Add a Card visual

Show the SVG as the card's image

Questions

Can I use these designs in the native Card visual?

Do the colours follow my report theme?

Why are some designs only for tables?

Can these cards be clicked to filter the report?