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.
#
# The screen renders immediately: DEMO DATA is inlined at the top of the Image
# formula below (_kpi, _bars, _pie, _list).
# STEP 1 — Paste this control onto a blank screen (Tree view → Ctrl+V).
# STEP 2 — Replace each _xxx Table(...) with your own data (collections, SharePoint,
# Dataverse…). Everything rescales automatically.
- BusinessDashboard:
Control: Image
Properties:
X: =0
# … 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.
- 2Click "Copy YAML" — the syntax is invariant and works in every Power Apps locale.
- 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.