Business Dashboard
The Business Dashboard is a complete, copy-paste Power Apps screen rendered as a single SVG Image: a title bar, three KPI cards with trend deltas, a monthly bar chart, a traffic-source donut and a ranked top-categories bar list. Everything is data-driven from simple collections — no PCF, no premium connectors, no chart control. Drop it on a blank screen and you have an executive dashboard in seconds.
Revenue
$48.2k
+12.4%
Users
1,284
+8.1%
Tickets
37
-5.0%
YAML source
Preview — full code with PRO# Business Dashboard — PowerBlocks (PRO Screen)
# A complete dashboard rendered as a single Power Fx SVG Image: title, 3 KPI cards,
# a bar chart, a donut chart and a ranked bar list — all data-driven, no PCF, no premium connectors.
#
# STEP 1 — In Screen.OnVisible (or App.OnStart), create the data:
# ClearCollect(colKpi,
# { Label: "Revenue", Value: "$48.2k", Delta: "+12.4%", Up: true },
# { Label: "Active users", Value: "1,284", Delta: "+8.1%", Up: true },
# { Label: "Open tickets", Value: "37", Delta: "-5.0%", Up: false }
# );
# ClearCollect(colBarChart,
# { Label:"Jan",Value:120 },{ Label:"Feb",Value:180 },{ Label:"Mar",Value:90 },
# { Label:"Apr",Value:210 },{ Label:"May",Value:160 },{ Label:"Jun",Value:240 }
# );
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Executive overview
Give leadership a single screen with KPIs and three coordinated charts that refresh from your own data.
Internal reporting apps
Ship a polished landing dashboard for sales, operations or support without weeks of layout work.
Client-facing portals
Present metrics to external users with a clean, on-brand screen you fully control via the SVG.
How to use Business Dashboard in Power Apps
- 1Add the four collections (colKpi, colBarChart, colPie, colBarList) to Screen.OnVisible using the snippet in the YAML header.
- 2Choose your locale (EN or FR) and click "Copy YAML".
- 3Paste the control onto a blank screen in Power Apps Studio.
- 4Swap each collection for your own data — KPIs, bars, donut segments and list rows all rescale automatically.
Tip — This screen composes the same primitives as the standalone Bar Chart, Donut Chart and Bar List components — start from those if you want to rearrange the layout or add a panel.