Visualization · Study deck

Designing IoT Dashboards

Picture an operator who sees a calm chart while four room sensors have stopped reporting.

Data Dora is your guide for this deck.

dashboardsinformation-hierarchyalert-design
The guide reviews a dashboard’s room alerts, stale sensor evidence, and next investigation path.
iotclass.org

After studying this chapter

The first screen supports a decision

Dashboard trust depends on visible state, evidence age, and a clear next action.

  • A dashboard’s first screen identifies what needs attention now.Status, freshness, the reason for concern, and the next investigation path can guide the operator before detailed charts become useful.
  • A state model separates good readings from unusable evidence.Normal, warning, critical, stale, missing, and invalid states prevent an old value or absent sensor from quietly looking healthy.
  • A review record makes the intended decision repeatable.The tested role, state rules, first-screen layout, edge cases, and retest trigger connect the interface to the evidence behind its release.
  • Different timestamps prevent a redraw from disguising old telemetry.Event time, receive time, and display refresh time must remain distinct when the screen updates more recently than the source measurement.

I see a calm chart while four room sensors have stopped reporting. I need the missing evidence exposed before I decide whether the building needs attention.

iotclass.org

Major section

Status leads the dashboard hierarchy

The hierarchy ranks information for action; read Status and Alerts first, then Context, Trends, Location, and Drill-down Evidence.

  • The top tier identifies the states that need immediate attention.The example exposes Normal 68, Warning 9, Critical 3, and Stale 4 so stale evidence remains visible alongside operational severity.
  • Context can explain why a condition matters and who owns the response.Room B-214’s critical CO2 status is useful with its threshold, sample age, and owner path before the operator inspects every trend.
  • Trends and location support the next investigation step.History and placement explain a flagged condition after the first screen has identified which room requires attention.
  • Drill-down can carry the evidence needed to diagnose the selected problem.Metric, threshold, age, owner path, and room history connect the overview to ventilation assets, gateway health, or sensor-power checks.
A first screen should make status and alerts visible before supporting context, trends, location, and drill-down evidence.
A first screen should make status and alerts visible before supporting context, trends, location, and drill-down evidence.
iotclass.org

Major section

Release evidence belongs to a defined dashboard contract

The release procedure begins with the contract and first-screen map; follow both proof lanes to disposition and the retest loop.

  • The review contract can fix the role, state meanings, and action boundary.The map shows fleet status, freshness, urgent alerts, affected assets, and the owner’s investigation path.
  • State proof and surface-access proof must both support the design.Normal, stale, missing, delayed, and recovery examples need checks alongside the intended displays and accessibility paths.
  • The disposition can limit approval to the tested role, version, and surfaces.Failed evidence can return through revision and retesting instead of allowing a polished screenshot to stand in for the missing proof.
  • The retained record ties later changes to a renewed review.Telemetry, thresholds, permissions, refresh behaviour, alert ownership, drill-down paths, and target displays can reopen the previous dashboard decision.
A dashboard is approved only for its tested role, version, state contract, and target surfaces. State meaning, freshness, uncertainty, accessibility, drill-down, and action boundaries must be proved; failed tests trigger revision, and later contract changes reopen review.
A dashboard is approved only for its tested role, version, state contract, and target surfaces. State meaning, freshness, uncertainty, accessibility, drill-down, and action boundaries must be proved; failed tests trigger revision, and later contract changes reopen review.
iotclass.org

Major section

The user question selects the chart

The selection flow starts at Question and Data shape; follow Update to Chart type, Evidence, and Validate.

  • The question defines what the person must decide from the view.The same temperature stream can support current action, historical drift, or a repeated spatial pattern depending on the task.
  • Data shape and update behaviour can narrow the suitable visual forms.A value, event, or place and the distinction between current state and history can come before choosing a familiar chart style.
  • The chart choice must preserve units, freshness, and meaningful thresholds.A status tile cannot establish current safety if its value has outlived the sensor report or lacks the threshold meaning.
  • Normal and failure examples test whether the view remains truthful.Missing, stale, delayed, and abnormal data must stay visible before the chosen visualization can support the user’s intended decision.
Choose the visualization type by moving from the user question and data shape to chart type, evidence, and validation with normal and failure cases.
Choose the visualization type by moving from the user question and data shape to chart type, evidence, and validation with normal and failure cases.
iotclass.org

Major section

Freshness follows the measurement’s clock

A current screen can display old evidence, so the view must preserve time meaning.

  • The pump’s display refresh does not make its observation current.The chapter’s event at 10:00:00 can reach the gateway handoff at 10:00:08 before a screen refresh at 10:05:00.
  • The freshness rule can evaluate the age of the underlying evidence.With flow evidence expiring after 90 seconds, the plausible last value must appear stale rather than inherit the display’s recent refresh.
  • A useful tile keeps the old reading as labelled historical context.Last flow of 18 L/min with age 5 min and gateway delay 8 s can preserve the difference between observation, reception, and rendering.
  • A health drill-down gives the stale state a practical next step.The pump view links to device and gateway evidence so the operator can investigate the interruption instead of acting on the old value.

I inspect the pump display after its intermittent link delays telemetry. I compare the observation time with the refresh time before trusting the plausible flow value.

iotclass.org

Activity 1 · Work it out

✎ A fresh screen, an old pump reading

I want the timestamp evidence checked before anyone trusts the flow tile.

Use the chapter’s event time 10:00:00, gateway forwarding time 10:00:08, and display refresh 10:05:00. Write the evidence age and gateway delay. Decide the tile state under the 90 seconds freshness rule, keeping 18 L/min as context.

3 minutes · Pen and paper · Answer: Activity 1

Your answer
iotclass.org

Major section

Different questions need different views

A mixed sensor dashboard can assign a separate visual form to each operational question.

  • A status summary answers whether action is needed now.Current value, state label, units, freshness, and threshold meaning help the operator identify a sensor group needing immediate attention.
  • A time-series view can explain how a measurement changed.Temperature drift needs a visible time window, sampling or aggregation rule, gaps, units, and thresholds to support interpretation.
  • An occupancy heatmap can reveal repeated patterns across time and place.The grouping and scale must remain clear so recurring usage patterns do not become a dense picture without a practical interpretation.
  • An alert table can expose triage responsibility for active conditions.Severity, affected asset, first-seen time, current state, and owner path connect the building’s alerts to the person who investigates next.

I am reviewing temperature, occupancy, gateway health, and active alerts in one building. I choose a form for each task before arranging the dashboard.

iotclass.org

Major section

Location matters when it changes the action

Maps and pattern views need a task that benefits from their spatial or grouped summary.

  • A map is useful when place changes the next operational step.Dispatch, inspection, routing, or triage can justify location evidence, while a ranked status list may answer a priority-only question faster.
  • A heatmap groups repeated observations into a pattern the user can interpret.Building occupancy across time and place needs explicit axes, scale direction, grouping, and missing-data markers to preserve that meaning.
  • A composition view needs a clear definition of the whole.Category rules and time scope prevent a contribution comparison from mixing unlike units or obscuring whether totals or shares matter.
  • A pattern summary still needs a route to its source and owner.Drill-down connects an apparent cluster, outlier, or affected place to the evidence needed for diagnosis and responsible action.

I am reviewing fleet data for an operator deciding where to inspect next. I check whether location changes dispatch before giving the map priority over a ranked list.

iotclass.org

Major section

Visual encoding carries an evidence claim

Position, labels, colour, ordering, and grouping determine what the user can reasonably infer.

  • A shared position scale supports more precise numerical comparison.Area or angle can make the important measurement harder to compare, so the encoding should fit the user’s required judgement.
  • Text labels and icons can explain the meaning of status.Colour can reinforce severity, but it cannot be the only way to distinguish normal, warning, critical, stale, or missing evidence.
  • Ordering and grouping should follow the intended investigation path.A ranked alert view needs the action priority and owner context rather than simply preserving the order in which telemetry arrived.
  • Readable graphics can still hide invalid assumptions about the data.Unit changes, threshold changes, aggregation windows, quality flags, and delayed events need visible consequences before the view supports a trustworthy comparison.

I compare measurements on a building dashboard before judging the largest apparent change. I check the scales, units, and status labels that make that comparison meaningful.

iotclass.org

Major section

State rules preserve missing and invalid evidence

Each dashboard state needs a testable rule, including the states that make a value unusable.

  • A critical state needs a threshold or event rule behind its label.The operator must be able to trace the warning from the visible dashboard state back to the condition that justified attention.
  • Stale, missing, and estimated values describe different evidence problems.An expired update window, absence of usable data, and an inferred reading should not collapse into a normal zero or blank panel.
  • Aggregates need quality states carried through their denominator.A site with 97 normal devices and 3 stale devices differs from a site where all 100 devices are current.
  • The visible summary must preserve the affected asset’s identity.A stable device, site, sensor, or stream identifier keeps an alert and its drill-down page connected to the same underlying evidence.

I review a fleet tile that says 97% normal. I check which devices entered the denominator before treating that number as evidence about the whole fleet.

iotclass.org

Major section

Failure cases test what the display invites users to believe

A review must show that abnormal input remains visible after preparation, aggregation, and rendering.

  • A line across a data gap can imply measurements that never arrived.The chapter’s ten minutes without reports must appear as missing or stale evidence rather than an uninterrupted measured temperature history.
  • Missing readings must remain distinct from a measured zero.Replacing absence with zero changes the displayed meaning and can mislead both current-state decisions and historical comparisons.
  • The recovery example can test the return from degraded to current evidence.Normal, abnormal, missing, stale, and recovered states establish whether the selected view keeps telling the truth as reporting conditions change.
  • Data preparation must preserve the context the viewer needs.Units, timestamps, identity, quality flags, aggregation rules, and missing-data behaviour must survive the route into the final visual encoding.

I see a smooth temperature line even though the source stopped reporting for ten minutes. I need the gap exposed before treating that line as a measured trend.

iotclass.org

Activity 2 · Draw it

✎ Sketch an honest temperature gap

I want the missing evidence visible before the operator interprets the trend.

Sketch a temperature trend with the chapter’s ten minutes of missing reports. Mark the gap or stale interval, the unit and time scope, and a drill-down target. Explain why a smooth connecting line is misleading.

3 minutes · Pen and paper · Answer: Activity 2

Your answer
iotclass.org

Major section

The review changes when the contract changes

Retest triggers connect a previously accepted view to new data, users, thresholds, and actions.

  • Source and aggregation changes can alter the meaning of a familiar chart.New firmware fields, units, sampling, or aggregation windows can change what the visible values represent even when the layout stays identical.
  • Threshold changes can alter the action attached to a state label.The review needs new examples when warning or critical rules are retuned, because the old screenshots represented the previous decision contract.
  • A changed audience can need a different view and investigation path.An operator making immediate decisions may need status and ownership where an analyst previously explored trends and relationships.
  • Retest evidence includes abnormal states and the next user action.More frequent missing or delayed data, revised update frequency, and changed drill-down targets can reopen the accepted visualization choice.

I am reviewing the same dashboard after its aggregation window changes and operators replace analysts as the audience. I cannot assume the earlier screenshots answer the new task.

iotclass.org

Major section

The dashboard must lead beyond the visible warning

An actionable view connects readable state with accessible meaning, diagnosis, ownership, and a clear action boundary.

  • A drill-down must reach the same asset the overview identifies.Stable identity, role permission, and a matching detail view let the operator investigate the warning without losing the original evidence context.
  • Accessible state meaning requires more than a colour palette.Textual labels and supporting icons preserve meaning for users who cannot distinguish the severity colours or do not know the visual convention.
  • Passive viewing and state-changing actions have different review boundaries.Acknowledgements, escalations, and commands need separation from reading the display and must preserve the appropriate audit trail.
  • The final review can retain the examples and conditions behind acceptance.Screens, input values, time, user choice, drill-down, outcome, owner, and retest triggers make the chosen dashboard decision repeatable.

I select a warning on the gateway-health dashboard. I need a matching detail view and the responsible owner instead of a dead end beneath an attractive status tile.

iotclass.org

Deck summary

State, freshness, and the next step come first

A trustworthy dashboard preserves what the telemetry means while helping the user decide and investigate.

  • The first screen should identify attention needs before displaying dense detail.Status, urgent alerts, affected assets, evidence age, and a useful next step help the operator understand the current decision.
  • The chosen visual form depends on the question and data shape.Current state, historical change, repeated patterns, location, ranking, and contribution require different views of the available telemetry.
  • State and time semantics must survive the complete data path.A refreshed screen cannot turn stale evidence current, and a missing or invalid reading must not disappear from the summary.
  • Acceptance belongs to tested roles, states, surfaces, and conditions.Changes to sources, thresholds, aggregation, permissions, ownership, displays, or the action path can require another dashboard review.

I return to the quiet chart and the sensors that stopped reporting. I can now ask which state is supported, how old the evidence is, and where the operator should investigate.

iotclass.org

Retrieval practice

Recall check 1 of 6

Data Dora says: answer from memory, then check your reasoning.

Q1What should an IoT dashboard make clear before asking the user to inspect dense telemetry?

ACurrent state, evidence freshness, why it matters, and the next drill-down path.
BEvery raw metric in alphabetical order so no data is hidden.
CThe most visually impressive chart, even if it does not support the current user decision.
DOnly a color-coded status tile with no label, age, threshold, or reason text.
Show answer

Answer: A A dashboard should lead with decision state and evidence before detail.

iotclass.org

Retrieval practice

Recall check 2 of 6

Data Dora says: answer from memory, then check your reasoning.

Q2A dashboard shows a normal-looking temperature value, but the device stopped reporting 30 minutes ago. Which design requirement was missed?

AFreshness and stale-data state were not visible decision evidence.
BThe dashboard needed a more decorative chart background.
CThe dashboard should remove all thresholds so users can decide from raw values alone.
DThe dashboard should always replace missing telemetry with zero.
Show answer

Answer: A Current values and stale values must be visibly different before users act on them.

iotclass.org

Retrieval practice

Recall check 3 of 6

Data Dora says: answer from memory, then check your reasoning.

Q3Why should an IoT dashboard keep event time, receive time, and display refresh time distinct?

AA recently refreshed screen can still represent old or delayed telemetry.
BBecause dashboards should avoid showing timestamps to users.
CTo synchronize panel redraws so operators compare values in one visual frame.
DTo delete delayed readings before they appear in the historical trend.
Show answer

Answer: A Refreshing the screen is not the same as receiving fresh sensor evidence.

iotclass.org

Retrieval practice

Recall check 4 of 6

Data Dora says: answer from memory, then check your reasoning.

Q4A facilities operator asks, "Which sensor group needs attention right now, and is the reading fresh?" Which visualization type is the best starting point?

AA status view showing current state, freshness, threshold meaning, and group.
BA trend gallery showing each group's recent values and rate of change.
CA floor map focused on sensor positions rather than state and freshness.
DA composition view comparing each group's share of the reported readings.
Show answer

Answer: A The question is about current action and trust in the latest reading, so status and freshness should be visible first.

iotclass.org

Retrieval practice

Recall check 5 of 6

Data Dora says: answer from memory, then check your reasoning.

Q5A dashboard line chart shows a smooth temperature trend, but the source stopped reporting for ten minutes. What should the visualization review check first?

AWhether interpolation can fill the gap before operators see a break in the trend.
BWhether every nearby sensor should be added so the gap is less visible.
CWhether the chart shows the gap or stale state instead of a measured trend.
DWhether the trend should become a latest-value tile to save dashboard space.
Show answer

Answer: C Missing or stale data should be explicit so the user does not mistake absence of data for a real trend.

iotclass.org

Retrieval practice

Recall check 6 of 6

Data Dora says: answer from memory, then check your reasoning.

Q6Why should an IoT status tile show a freshness or last-update indicator?

ABecause freshness can stand in for units, thresholds, labels, and quality flags.
BBecause visible values can outlive reporting or pipeline updates.
CTo show that the dashboard's refresh loop is still running.
DBecause maps and heatmaps cannot show current-state telemetry.
Show answer

Answer: B Freshness evidence tells the user whether the displayed value still supports action.

iotclass.org

Print reference

Answers 1 of 2

Answer key.

  1. A · A dashboard should lead with decision state and evidence before detail.
  2. A · Current values and stale values must be visibly different before users act on them.
  3. A · Refreshing the screen is not the same as receiving fresh sensor evidence.
  4. A · The question is about current action and trust in the latest reading, so status and freshness should be visible first.
  5. C · Missing or stale data should be explicit so the user does not mistake absence of data for a real trend.
iotclass.org

Print reference

Answers 2 of 2

Answer key.

  1. B · Freshness evidence tells the user whether the displayed value still supports action.
iotclass.org

Print reference

Activity 1 answer

Model answer.

Work it out: The evidence is 5 min old and the gateway delay is 8 s. The 90 seconds rule has expired, so the tile is stale. It can retain 18 L/min as the last observed value with age and delay labels, rather than show a current reading.

iotclass.org

Print reference

Activity 2 answer

Model answer.

Draw it: The sketch leaves or labels the unmeasured interval instead of presenting it as measured temperature. It retains unit, time scope, freshness or stale state, and a path to source or gateway evidence. A smooth connection can hide the missing observations.

iotclass.org