Back to Pulse KPI on LowCodeStacks

LowCodeStacks

Pulse KPI interactive demo

This page runs the visual's own code, with a stand-in for Power BI around it. Add fields to the wells, change the format options, or pick an example. The data is made up.

Try it

Examples

Report page

Report background
Visual size

Visualizations

Select a field in Data, or drag it here. Each well takes only the kind of column it needs.

Data

Two made-up tables. Select a field to add it to a well.

Pulse KPI field guide

What each field in Pulse KPI's Build visual pane does, what to put in it, and the mistakes that are easy to make. Every line here describes what the visual's code does (src/visual.ts, src/model.ts and capabilities.json). You can try each one in the demo: run npm run demo, then open demo/index.html.

FieldKind of columnSummarised byGood exampleIf it's empty
ValueA numberSum, Average or Count, as Power BI offers; or a measureRevenue (Sum)No cards: the visual shows its landing page
TargetA number, in the same unit as ValueThe same way as ValueRevenue target (Sum)No status, no "vs target" change, no target line
DateA date (the column itself)Not summarised: it groupsMonthOne period: no trend and no "vs previous" change
CategoryTextNot summarised: it groupsRegionOne card for everything
TooltipsUp to five numbersEach its own wayReturn rate (Average)The tooltip shows only the card's own figures

Value

What it means. The number the card shows, large. It's the only field the visual needs: until something is in Value, it shows a short note on what to add.

Column type. A number, or a measure. Power BI summarises a number column for you (Sum by default); pick Average in the field's menu for rates and percentages, which mean nothing added up. A blank or non-number result shows as a dash (—) on the card.

Good example. Revenue, as Sum of Revenue. Or a measure you wrote, such as Total revenue.

With a Date. The card shows the latest period that has a value, not the total. A period with a blank value is skipped, so the card falls back to the last period with data.

Tips

Common mistakes

Target

What it means. The goal the value is compared with. It gives the card its status (on track, at risk or off track), the "vs target" change, and the dashed target line on the trend, with its label ("Target $1.10M").

Column type. A number, summarised the same way as Value: Sum of Revenue target against Sum of Revenue, Average of Return rate target against Average of Return rate.

Good example. Revenue target, one row per month and region, as Sum.

If it's empty. The card shows its value, the change since the previous period and the trend, with no status and no target line.

How the status is worked out. The At risk within (% of target) option (10 by default, 0 to 100) sets a band beside the target, as a share of the target's size.

For example, with a target of 2.5% and the band at 10, the band is 0.25 points: 2.7% is at risk and 2.8% is off track. With the band at 20, 2.8% is at risk.

Tips

Common mistakes

Date

What it means. The periods for the trend line and for "since the previous period". Each card shows the latest period that has a value and compares it with the period before it that has a value ("vs Sep 2026 ▲ 10.4%").

Column type. A date column. The visual takes up to 1,000 periods.

Good example. Month, the first day of each month, used as the column itself.

If it's empty. Each card is the total for everything the report's filters allow, with no trend and no "vs previous" change. That's what you want for a total such as spend against budget.

Month or the date hierarchy. When Power BI's auto date/time is on, a date field comes with a Date Hierarchy (Year, Quarter, Month, Day). Microsoft's auto date/time article explains that you can switch a date field in a well between the column and the hierarchy from the field's menu. Pulse KPI has no drill-down, and its Date well takes one field, so pick the column itself (Month, not Date Hierarchy): you get one period per date in the column. If you use only the Year level, each period is a whole year, and the card compares the latest year with the one before.

Tips

Common mistakes

Category

What it means. Splits the visual into one card per item, such as one per region or per team, on a grid. Each card has its own latest period, target, status and trend.

Column type. Text, such as a name or a code.

Good example. Region (East, North, West), or Team.

If it's empty. One card shows everything in Value together.

Tips

Common mistakes

Tooltips

What it means. Up to five more measures that show in the card's tooltip when you hover over it, after the card's own figures.

Column type. Numbers, each summarised its own way and formatted with its own format string.

Good example. Average of Return rate beside a revenue card.

What the tooltip shows. The latest period and its value, the target, the change to the target, the previous period's value and the change since it, the status (when Show status is on), then each Tooltips field. A Tooltips field shows its latest value that isn't blank, and a field with no value at all is left out.

Tips

The format options

These are in Format visual, and the demo's Format visual tab shows the same ones.

OptionWhat it doesDefault
Status > Show statusThe on track, at risk or off track pill. The pill is left out on a card narrower than 150 px.On
Status > Better when the value isHigher is better or Lower is better, for the status and the colour of each change.Higher is better
Status > At risk within (% of target)How far from the target, as a share of it, still counts as at risk, 0 to 100.10
Status > On track, At risk, Off trackThe status colours. Left at their defaults, they turn lighter on a dark card to stay readable.Green, amber, red
Value > Display unitsAuto, None, Thousands, Millions, Billions or Trillions.Auto
Value > Decimal places0 to 6, used when the value is shown in a unit.2
Comparisons > Change to targetThe "vs target" change.On
Comparisons > Change since previous periodThe change since the previous period (needs a Date).On
Trend > Show trendThe trend line (needs a Date with two or more periods).On
Trend > Target lineThe dashed target line and its label.On
Trend > Shaded areaThe shading under the line.On
Trend > Line colourLeft empty, a colour from the report's theme (a light blue on a dark card).Theme
Cards > BackgroundThe card colour. A dark colour switches the text and status colours to light ones.White
Cards > Corner radius0 to 40 px.18
Cards > Minimum card width140 to 800 px; below it, cards wrap to a new row.220
Cards > Animate on loadThe cards rise in once when the data changes. Nothing moves for anyone whose device asks for reduced motion.On

Dark reports. Pulse KPI draws its own cards, so on a dark report page set Cards > Background to a dark colour. The visual then uses light text and lighter status colours by itself.

High contrast. When Windows high contrast is on, the visual uses only the two colours Power BI gives it, with outlines instead of fills, and ignores the colours above.

The landing page. Before anything is in Value, the visual shows a short note on what to add, in the report theme's text colour on its background colour, so it reads on a light or a dark theme. In high contrast it uses the high contrast colours.

Quick fixes

What you seeWhyFix
The landing page, not a cardNothing is in ValueAdd a number to Value
No status pillNo Target, no target for the latest period, Show status is off, or the card is narrower than 150 pxAdd a Target at the same level as Value; check the latest period; widen the visual
A cost is red while under budgetHigher is better is setStatus > Better when the value is > Lower is better
A card shows less than the totalSomething is in Date, so the card shows the latest periodRemove Date for a total
A rate of 260%, or changes like ▲ 30 ptA percentage stored as 0 to 100 with a % formatStore it as 0 to 1
No trend lineNo Date, one period only, Show trend is off, or the card is too small for itAdd a Date; make the visual larger, or fewer cards per row
Only 24 cardsThe visual shows the top 24 itemsUse a higher-level Category, or a Top N filter
Cards in different units ($940.00K, $1.15M)Display units is Auto, and the values are either side of one millionPick Thousands or Millions