Chapter 8
Reporting, Visualization and Dashboard Design
Bachelors Program in Business Analytics
Business Intelligence
•
Bachelor
Reporting, Visualization and Dashboard Design
Introduction
Business intelligence creates value only when analysis is communicated clearly enough to support decisions. A technically accurate data model or predictive result may still fail if its report is confusing, visually misleading, inaccessible, or disconnected from the decisions users must make. Reporting, visualization, and dashboard design therefore combine analytical reasoning with communication, human-computer interaction, and organizational understanding.
A report usually communicates a structured set of findings, often with explanatory text and a defined reporting period. A scorecard emphasizes performance against targets, standards, or strategic objectives. A dashboard is an interactive visual interface that presents selected indicators, trends, comparisons, and exceptions for monitoring or action. These forms overlap, but they serve different purposes: reports commonly support review and documentation, scorecards support performance management, and dashboards support rapid monitoring and exploration.
Effective design begins with the decision rather than the chart. The designer must identify the audience, the decision context, the measures required, the appropriate level of detail, and the actions that should follow from particular results.
Learning Objectives
By the end of this chapter, you should be able to:
Distinguish reports, scorecards, and dashboards and select an appropriate form.
Apply principles of visual perception, information hierarchy, and visual encoding.
Select charts according to analytical purpose and data structure.
Design interactive dashboards using human-computer interaction principles.
Apply accessibility, ethical, and governance requirements.
Identify misleading visual practices and evaluate dashboard quality.
Develop a coherent visual narrative from business questions and evidence.
1. From Business Question to Visual Product
A dashboard should answer a practical question such as: “Are service levels deteriorating, where is the problem occurring, and what action is required?” It should not merely display every available measure.
A useful design sequence is:
Clarify the decision. Define the business action, decision owner, time horizon, and consequences of delay.
Identify users. Executives may need exceptions and strategic trends; operational managers may need detailed, frequently refreshed measures.
Define metrics. Specify each measure’s business meaning, calculation, data source, owner, frequency, and target.
Determine comparisons. A value becomes meaningful when compared with a target, prior period, benchmark, forecast, or peer group.
Choose the communication form. Use a report for documented explanation, a scorecard for target-based performance, and a dashboard for monitoring and interaction.
Sketch before building. A paper or low-fidelity wireframe reveals unnecessary content and weak hierarchy early.
Test with representative users. Observe whether users can locate, interpret, and act on the intended information.
The design should distinguish descriptive, diagnostic, predictive, and prescriptive purposes. Descriptive displays show what happened; diagnostic displays help explain why; predictive displays estimate what may happen; and prescriptive displays recommend possible actions. Combining these purposes is possible, but the transition should be explicit so that users do not confuse observed facts with forecasts or recommendations.
2. Reports, Scorecards, and Dashboards
Reports
Reports are generally more formal and persistent than dashboards. They may contain narrative, definitions, methodology, detailed tables, and commentary. A management report might explain monthly revenue performance, identify causes of variance, and document management actions. Reports are appropriate when auditability, distribution, and a stable record are important.
Scorecards
A scorecard evaluates performance against objectives. It normally combines an indicator, target, actual value, variance, status, and sometimes an owner or corrective action. A red-amber-green status is useful only when its thresholds are defined and consistently applied. Color should supplement, not replace, text or symbols.
For a measure where higher values are better, a simple absolute variance is:
Variance = Actual − Target
For a measure where lower values are better, the interpretation of a positive variance changes. Therefore, the metric definition must state whether improvement means an increase or a decrease. A percentage variance can be calculated as:
This expression assumes that the target is non-zero and that the denominator is an appropriate reference value. For targets near zero, percentage variance can become unstable or meaningless; an absolute variance or an alternative baseline should be used.
Dashboards
Dashboards provide a consolidated view of important information, often with filtering, drill-down, tooltips, and linked views. A dashboard should support recognition before recall: users should be able to recognize patterns and controls rather than remember hidden definitions or navigation paths. Interactivity is valuable when it answers a foreseeable question, such as “Which region caused the total decline?” It is harmful when it adds complexity without improving a decision.
3. Visual Perception and Information Hierarchy
Visualization relies on the way people detect differences in visual properties. Position along a common scale is usually interpreted more accurately than angle, area, volume, or color intensity. This is why a well-designed bar chart is generally more precise for comparison than a pie chart with many slices.
Important visual channels include:
Position: location on a common axis; highly effective for comparison.
Length: bar length or line displacement; effective when a common baseline exists.
Angle: used in pie or radial charts; less precise for close comparisons.
Area and volume: bubbles and three-dimensional forms; difficult to compare accurately.
Color hue: categorical distinction, such as region or product type.
Color intensity: ordered magnitude, provided the scale is perceptually clear.
Shape and texture: useful for categorical or accessibility-supporting distinctions.
A visual hierarchy directs attention. The most important information should have the strongest, but not excessive, visual emphasis. Designers can establish hierarchy through size, position, whitespace, contrast, grouping, and ordering. Decorative gradients, three-dimensional effects, unnecessary borders, and excessive colors consume attention without adding analytical value.
Gestalt principles also inform dashboard layout. Proximity suggests that nearby objects are related; similarity suggests common category; enclosure groups content; continuity encourages the eye to follow a path; and figure-ground separation distinguishes important content from its background. These principles should be applied consistently rather than used as decoration.
Figure: A conceptual dashboard information hierarchy
Dashboard hierarchy from business question to indicators, analysis and action
Figure: Dashboard hierarchy from business question to indicators, analysis and action
4. Chart Selection and Visual Encoding
Chart selection should follow the analytical task, not personal preference.
Analytical purpose
Appropriate chart types
Design considerations
Compare categories
Bar or dot plot
Sort categories; use a common baseline
Show change over time
Line chart, column chart
Use an appropriate time interval; avoid excessive series
Show part-to-whole
Stacked bar, 100% stacked bar
Use sparingly; ensure components are meaningful
Show distribution
Histogram, box plot
Explain bins, quartiles, and outliers
Show relationship
Scatter plot
Label axes; consider trend and unusual points
Show geographic pattern
Symbol or choropleth map
Normalize counts where population or area differs
Show progress to target
Bullet chart or clearly labeled bar
Display target and scale explicitly
A line chart is appropriate when observations have an ordered sequence, especially time. Joining unrelated categories with a line can falsely imply continuity. A histogram displays the distribution of one quantitative variable using intervals called bins; changing bin widths can change the apparent pattern, so the choice should be justified. A box plot summarizes median, quartiles, and potential outliers, but its compactness may require explanation for nontechnical audiences.
A map can mislead when raw counts are displayed across regions of very different populations. A rate, proportion, or other normalized measure may be more appropriate. The denominator must be shown because “cases per 1,000 customers” and “total cases” answer different questions.
Avoiding misleading presentation
Common problems include:
Truncating a bar-chart axis so small differences appear large. A non-zero baseline can be valid for some line charts, but bar lengths should normally share a meaningful zero baseline.
Using unequal intervals on a time axis without disclosure.
Comparing percentages based on different denominators.
Using dual axes that encourage false relationships.
Ordering categories arbitrarily when ranking is central.
Showing cumulative totals as if they were period values.
Encoding magnitude only with area or volume.
Using color scales that reverse meaning or exaggerate small differences.
Omitting uncertainty, sample size, missing data, or data freshness.
The issue is not that a particular chart type is always forbidden. The issue is whether the encoding and scale support a fair interpretation of the underlying data.
5. Storytelling with Data
Data storytelling is not theatrical embellishment; it is the disciplined arrangement of evidence, context, interpretation, and implication. A useful narrative often follows this structure:
Context: What objective or operational situation is being examined?
Tension: What changed, deviated, or requires attention?
Evidence: Which measures establish the pattern?
Explanation: What plausible drivers or segments are associated with it?
Action: What decision, investigation, or intervention is proposed?
A dashboard should not hide the answer behind decorative exploration. Titles can be explanatory: “On-time delivery fell below target in the Northeast for three consecutive weeks” is more useful than “Delivery Performance.” Annotations can identify a promotion, outage, policy change, or unusual event, provided the annotation is supported by evidence and does not claim causation without adequate analysis.
Color should have a semantic role. A neutral palette can represent ordinary values, while a restrained accent highlights an exception. Red should not be used merely because it is visually attractive; it should indicate a defined negative condition. Users should be able to understand the chart if color is unavailable.
6. Interaction and Dashboard Architecture
Interactive dashboards involve a conversation between user and system. Key interaction principles include:
Visibility: controls, filters, current selections, and system status should be apparent.
Consistency: the same color, icon, label, and interaction should have the same meaning throughout.
Feedback: selections should produce visible and timely changes.
User control: users should be able to clear filters, return to an overview, and avoid accidental irreversible actions.
Recognition: labels and options should be visible rather than hidden behind obscure gestures.
Error prevention: incompatible filters and invalid date ranges should be prevented or clearly explained.
Progressive disclosure: show essential information first and reveal detail when it is needed.
A practical dashboard architecture may contain:
an overview page with key indicators and exceptions;
a trend page showing movement over time;
a diagnostic page for dimensions such as region, product, channel, or customer segment;
a detail page or export for record-level investigation;
definitions, methodology, and data-quality information.
Filters require special care. A filter should have a clear scope, display its active state, and show whether it changes all visuals or only one visual. Default filters must be documented. A “last 30 days” filter is not equivalent to the previous calendar month, and a user should not have to infer the distinction.
Performance is also part of usability. Slow queries, overloaded pages, and excessive simultaneous visualizations increase cognitive and operational cost. Designers should aggregate data appropriately, minimize unnecessary queries, and provide a clear indication of refresh time and data latency.
7. Accessibility and Inclusive Design
Accessibility is a quality requirement, not an optional enhancement. It broadens usability and reduces the risk that important decisions depend on a sensory or technical assumption.
Important practices include:
Use sufficient contrast between text, marks, and background.
Do not rely on red-versus-green alone; use labels, icons, patterns, or position.
Provide meaningful titles, alternative text, and textual summaries.
Ensure keyboard navigation and visible focus states where the platform supports them.
Use readable font sizes and avoid dense, cramped layouts.
Write labels in plain language and explain technical terms.
Preserve meaning when charts are printed in grayscale or viewed on a small screen.
Provide a tabular or textual alternative for complex visuals.
Test with users who have different visual, motor, cognitive, and technological needs.
Accessibility should be considered during metric and layout design, not added after publication. Organizations may also be subject to accessibility laws, procurement rules, or internal standards; the applicable requirements depend on jurisdiction and institutional context.
8. Data Governance, Ethics, and Trust
A visually attractive dashboard can still be untrustworthy. Governance requires clear ownership of metrics, documented definitions, lineage from source to visual, refresh schedules, quality checks, and controlled access.
A metric catalog should state the numerator, denominator, inclusion and exclusion rules, time zone, aggregation method, and responsible owner. For example, “customer retention” is incomplete unless the organization defines the customer population, retention period, treatment of reactivations, and handling of missing records.
Ethical risks include:
exposing personal or sensitive information through drill-down;
stigmatizing groups through poorly chosen geographic or demographic comparisons;
using a performance measure as a target in ways that encourage gaming;
presenting correlation as causation;
hiding uncertainty or data-quality limitations;
selectively choosing a time window or benchmark to support a preferred conclusion.
The principle of data minimization suggests showing only the detail necessary for the legitimate decision. Row-level access controls, aggregation, masking, and audit logs may be required. AI-generated narratives or automatically selected insights should be reviewed because generative systems can omit context, misinterpret denominators, or state unsupported causal claims. Human accountability remains necessary for consequential decisions.
9. Worked Example: Designing a Service Operations Dashboard
A call center wants to monitor service quality. Management initially requests twelve metrics on one screen. The design team reframes the problem around three decisions: whether service is meeting commitment, where performance is deteriorating, and whether staffing or process intervention is required.
The agreed measures are:
total contacts received;
average response time;
service-level percentage;
abandonment percentage;
customer satisfaction;
staffing capacity and forecast demand.
Suppose the weekly target for service level is 80%, while actual performance is 74%. The percentage-point gap is:
Gap = Actual percentage − Target percentage = 74% − 80% = −6 percentage points
This should be reported as a six-percentage-point shortfall, not simply as “−7.5%,” because the latter expresses relative change against the target and may confuse users. If relative variance is required, it is:
Relative variance = (74 − 80) ÷ 80 × 100% = −7.5%
The overview page therefore shows a service-level indicator with target and freshness, a seven-week trend, and an exception message. A diagnostic page breaks the result down by queue and interval. A scatter plot compares demand volume with response time, while a table lists intervals where service level is below target and staffing capacity is also below forecast demand.
The design avoids a pie chart of call categories because the operational question is not merely composition. It uses a line chart for weekly trend, bars for queue comparison, and a clearly labeled table for action. The dashboard identifies that the shortfall is concentrated in two queues during late afternoon intervals. Managers can then investigate scheduling or routing rather than conclude, without evidence, that all service quality has declined.
This is an illustrative case. Its lesson is that visualization follows the decision model: metrics, comparisons, interaction, and action are designed together.
10. Evaluating Dashboard Quality
A dashboard review should assess both communication and technical reliability. Useful evaluation questions include:
Can the intended user identify the main performance issue quickly?
Are measures defined, current, and traceable to authoritative sources?
Are targets and comparison periods visible?
Does every visual support a business question?
Are scales, denominators, and units clear?
Can users distinguish actuals, forecasts, and targets?
Are filters discoverable, reversible, and correctly scoped?
Does the display remain interpretable without color?
Is uncertainty or missingness disclosed?
Does the dashboard lead to an accountable action or merely encourage observation?
Evaluation methods include usability observation, task completion time, interpretation accuracy, error rates, accessibility testing, stakeholder review, and comparison of decisions before and after deployment. A dashboard should be monitored after release because user behavior, data sources, targets, and organizational priorities change.
Contemporary Developments
Modern BI platforms increasingly provide natural-language querying, automated explanations, anomaly detection, embedded analytics, mobile delivery, and real-time streaming. These capabilities can reduce friction, but they do not eliminate the need for metric governance or visual reasoning. Automated chart recommendations may select a technically valid chart that is inappropriate for the decision context. Natural-language interfaces may produce ambiguous filters or silently use an unexpected denominator. AI-generated commentary should therefore display its data basis, confidence or limitations where relevant, and a route for human review.
Embedded analytics places dashboards inside operational systems, allowing insight to appear near the point of action. This can improve adoption but raises questions about access control, performance, versioning, and whether users understand the provenance of embedded measures. The central design principle remains stable: technology should improve the quality and timeliness of decisions, not merely increase the number of visuals.
Chapter Summary
Reporting, visualization, and dashboard design are decision-support disciplines. Reports provide structured explanation and documentation; scorecards compare performance with objectives; and dashboards support monitoring, exploration, and action. Effective design begins with the audience and business decision, then defines trustworthy measures, comparisons, hierarchy, and interaction.
Position and length generally support more accurate comparison than angle, area, or volume. Chart selection must reflect the analytical task, while scales, denominators, uncertainty, and data freshness must be transparent. Storytelling organizes context, evidence, interpretation, and action without overstating causation. Human-computer interaction principles make filters, feedback, navigation, and system status understandable. Accessibility requires alternatives to color, readable layouts, keyboard support where applicable, and inclusive testing.
Governance establishes metric definitions, lineage, ownership, security, and quality controls. Ethical design avoids exposure of sensitive data, unsupported causal claims, selective presentation, and incentives that encourage gaming. AI and automated features can improve exploration but require validation and human accountability. A successful dashboard is not the one with the most charts; it is the one that helps the right users make better decisions with appropriately represented evidence.
Key Terms
Accessibility: Designing information so that people with diverse abilities and technologies can use it.
Annotation: Explanatory text or marking that identifies an event, change, or interpretation on a visual.
Dashboard: An interactive display that consolidates selected information for monitoring and decision-making.
Data lineage: The documented path of data from source through transformation to final presentation.
Data visualization: The graphical representation of data to support understanding and analysis.
Denominator: The reference population or quantity used to calculate a rate or percentage.
Drill-down: Moving from an aggregated view to more detailed information.
Exception: A result that meets a defined condition requiring attention.
Gestalt principles: Perceptual principles explaining how viewers group and interpret visual elements.
Information hierarchy: The ordering and emphasis that guide attention through content.
Interaction: User input and system response within a digital interface.
Metric definition: A formal specification of a measure’s meaning, calculation, scope, and source.
Scorecard: A performance display comparing actual results with targets or objectives.
Storytelling with data: Structuring evidence and explanation to support interpretation and action.
Target: A desired or expected value against which actual performance is assessed.
Visual encoding: Representing data values through position, length, color, shape, or other visual properties.
Variance: The difference between an actual value and a reference such as a target or forecast.
Wireframe: A low-fidelity sketch of a report or dashboard layout used for design and testing.
Review Questions
Short Answer Questions
How does a scorecard differ from a dashboard?
Why is position on a common scale generally effective for comparison?
What information should a metric definition contain?
State two ways in which a chart can mislead its audience.
Why should dashboards display data freshness?
Long Answer Questions
Explain how a business question should guide the selection of metrics, comparisons, and visual forms.
Discuss the role of visual hierarchy and Gestalt principles in dashboard design.
Compare reports, scorecards, and dashboards in terms of purpose, content, and interaction.
Explain how accessibility and inclusive design affect the quality of business intelligence communication.
Discuss ethical and governance risks associated with dashboard publication and drill-down.
Analytical / Application Questions
A regional manager sees a 20% increase in customer complaints in a region whose customer base also grew by 30%. Explain which additional measure or denominator is needed before concluding that complaint performance worsened, and propose an appropriate visual.
Design a one-page dashboard for a delivery operation that is missing its on-time target. Specify the audience, three to six measures, chart types, interactions, accessibility provisions, and action supported.
A dashboard uses a truncated bar axis, red and green colors only, and a percentage calculated from changing denominators. Critically evaluate the design and recommend corrections.
Multiple Choice Questions with Answers
Question 1
Which BI product is primarily designed to compare actual performance with strategic targets?
A. Scorecard
B. Raw data extract
C. Entity-relationship diagram
D. Data dictionary
Correct Answer: A. Scorecard
Question 2
Which visual encoding is generally most accurate for comparing category magnitudes?
A. Three-dimensional volume
B. Position on a common scale
C. Slice angle in a pie chart
D. Color saturation alone
Correct Answer: B. Position on a common scale
Question 3
A bar chart shows values from 96 to 100 with a vertical axis beginning at 95. What is the main risk?
A. The categories cannot be sorted
B. Small differences may appear exaggerated
C. The chart cannot show quantitative values
D. The chart automatically proves causation
Correct Answer: B. Small differences may appear exaggerated
Question 4
If actual performance is 74% and the target is 80%, what is the absolute gap?
A. −6 percentage points
B. −7.5 percentage points
C. 6 percentage points above target
D. −154 percentage points
Correct Answer: A. −6 percentage points
Question 5
Which chart is usually most appropriate for showing change in a measure across ordered weeks?
A. Line chart
B. Pie chart
C. Treemap
D. Unordered pictogram
Correct Answer: A. Line chart
Question 6
Why should a map often display a rate rather than a raw count when regions have different populations?
A. Rates remove the need for labels
B. Rates make all regions equal in area
C. Rates provide a more comparable denominator
D. Rates guarantee that causation is shown
Correct Answer: C. Rates provide a more comparable denominator
Question 7
Which interaction principle requires the system to show the result of a user’s filter selection?
A. Feedback
B. Decoration
C. Randomization
D. Data masking
Correct Answer: A. Feedback
Question 8
Which practice improves accessibility?
A. Using red and green as the only distinction
B. Removing all textual labels
C. Providing text or symbols in addition to color
D. Using smaller fonts to fit more charts
Correct Answer: C. Providing text or symbols in addition to color
Question 9
What does data lineage describe?
A. The visual attractiveness of a dashboard
B. The path from data source through transformation to presentation
C. The number of colors in a report
D. The order of users in an organization
Correct Answer: B. The path from data source through transformation to presentation
Question 10
Why should AI-generated dashboard commentary be reviewed by a human?
A. AI cannot display any numerical value
B. Automated commentary may omit context or make unsupported claims
C. Human review prevents all data refreshes
D. AI output is always identical to a database record
Correct Answer: B. Automated commentary may omit context or make unsupported claims