Data Visualization & BI

Chapter 4
Chart Selection and Visual Encoding

Diploma in Business Analytics
Data Visualization & BI   •   Diploma

Chart Selection and Visual Encoding

Introduction

Data visualization is the disciplined transformation of data into visual representations that support understanding, comparison and decision-making. In business analytics, a chart is not merely a decoration placed beside a report. It is an analytical interface: it determines what users notice, what comparisons are easy, and what conclusions appear plausible.

Good visualization begins with the analytical question rather than with a preferred chart type. A manager may ask which region has the highest revenue, how sales are distributed across customers, how product mix has changed, whether advertising relates to demand, or how uncertain a forecast is. Each question implies a different visual structure. Selecting a chart without first identifying the task can produce a technically attractive but analytically weak result.

This chapter develops a practical framework for selecting and constructing charts for comparison, distribution, composition, relationships, trends, uncertainty and multivariate analysis. It also explains visual encoding, perceptual accuracy, accessibility, ethical presentation and common forms of visual distortion.

Learning Objectives

By the end of this chapter, you should be able to:

  1. Match analytical questions and data structures to suitable chart types.
  2. Explain how position, length, angle, area, colour, shape and other visual channels encode data.
  3. Construct effective charts for categorical, quantitative, temporal and spatial data.
  4. Use scales, aggregation, sorting, labels and annotations appropriately.
  5. Represent distributions, relationships, trends and uncertainty without overstating evidence.
  6. Identify misleading practices and improve a flawed visualization.
  7. Select accessible and ethically responsible visualizations for business communication.

1. The Analytical Task Comes First

A useful starting point is to identify the intent of the visualization. Common intents are:

  • Comparison: Which category is larger, smaller, better or worse?
  • Distribution: How are values spread, and where are concentration, skewness or outliers?
  • Composition: What parts make up a total, and how does that composition change?
  • Relationship: Do two or more variables move together?
  • Trend: How does a measure change over time or another ordered sequence?
  • Uncertainty: What range of values is plausible, or how reliable is an estimate?
  • Location: Where do values differ geographically?
  • Multivariate exploration: How do several variables jointly describe observations?

The same dataset can support several charts, but each chart answers a different question. For example, a table of monthly revenue by product can be shown as a line chart to emphasize change over time, a grouped bar chart to compare products in one month, or a stacked area chart to examine changing composition. No chart is universally best; suitability depends on the task, audience and decision context.

Data structures and measurement types

Chart choice is also affected by the type of variable:

Variable or structureMeaningExamplesSuitable visual emphasis
Nominal categoricalLabels without inherent orderRegion, product typeColour, position, sorted bars
Ordinal categoricalOrdered categoriesLow, medium, highOrdered position, aligned bars
Discrete quantitativeCountable numeric valuesNumber of complaintsPosition, length, bins
Continuous quantitativeMeasured values on a continuumIncome, temperaturePosition, line, density, interval
TemporalValues indexed by timeDaily salesOrdered horizontal position
SpatialValues associated with placesSales by districtMap position, carefully scaled colour

Measurement scale matters. A nominal category should not be treated as if the numerical codes assigned to it have meaningful distances. Similarly, a diverging colour scale is appropriate for values around a meaningful midpoint, but not for ordinary product categories.

2. Visual Encoding: How Data Becomes Visible

A visual encoding maps a data value to a visual property. The principal channels are position, length, angle, area, colour intensity, colour hue, shape and line style.

Accuracy of visual channels

For most quantitative comparisons, a practical ranking of effectiveness is:

  1. Position along a common scale.
  2. Position along non-aligned scales.
  3. Length or aligned bars.
  4. Angle, as in a pie slice.
  5. Area, as in bubbles or circles.
  6. Volume, shading and decorative perspective.

Position is generally easiest to judge because the eye can compare locations against a common reference. This is why a dot plot or bar chart often communicates differences more precisely than a pie chart or bubble chart. The ranking is a design principle, not an absolute law: a familiar symbol or a well-designed map may be useful, but less precise encodings require greater care.

Core visual channels

  • Position: Best for precise quantitative comparison; use aligned axes.
  • Length: Effective for bars, provided bars share a baseline or the scale is clearly interpreted.
  • Angle: Useful for directional data, but difficult for exact comparison.
  • Area: Useful for showing magnitude approximately, but viewers may underestimate or overestimate differences.
  • Colour hue: Appropriate for distinct nominal categories, such as product families.
  • Colour luminance or intensity: Appropriate for ordered magnitude, provided the scale is perceptually consistent.
  • Shape: Useful for distinguishing a small number of categories, but not for encoding precise numbers.
  • Line style: Useful for separating a few series; too many styles create confusion.
  • Size: Useful for secondary emphasis, but should not be the only encoding for exact values.

A visual should normally use one primary encoding for the main message and secondary encodings sparingly. If colour, size, shape and labels all encode different variables, the viewer may need to decode too much at once.

The grammar of a chart

Most charts contain the following components:

  • Marks: Points, lines, bars, areas or symbols representing observations.
  • Scales: Rules that translate data values into visual positions or properties.
  • Coordinates: The spatial frame, such as Cartesian axes or a map.
  • Labels and annotations: Text that identifies values, units, events and interpretations.
  • Guides: Gridlines, reference lines and legends.
  • Context: Title, source, date range, filters and definitions.

A useful chart makes the mapping between data and marks apparent. A reader should know what each axis measures, what units are used, which categories are shown, and whether values are raw, indexed, normalised or aggregated.

3. Selecting Charts by Analytical Purpose

3.1 Comparison

Use comparison charts when the central question concerns differences among categories or groups.

Recommended choices

  • Sorted horizontal bar chart: Effective for ranking many categories or displaying long category names.
  • Column chart: Suitable for a small number of categories or ordered periods.
  • Dot plot: Often more compact and precise than bars, especially for comparing many groups.
  • Lollipop chart: A stylistic alternative to a dot plot; use only when the scale remains clear.
  • Grouped bar chart: Useful for comparing several series across a modest number of categories.

Sort categories by value when ranking is important. Retain a meaningful order—such as a geographic, process or time sequence—when order itself matters. Avoid three-dimensional bars, pictorial icons and excessive gradients because they introduce visual effects unrelated to the data.

Bar charts conventionally begin at zero when bar length represents magnitude. If a truncated axis is necessary to show small differences, a dot plot or labelled point chart is usually safer. A truncated bar chart can exaggerate differences because the visible bar lengths no longer represent the full quantities from a common baseline.

3.2 Distribution

Distribution charts show how individual values are spread.

  • Histogram: Shows frequencies within numeric intervals. Bin width strongly affects the apparent shape.
  • Box plot: Summarises median, quartiles and possible outliers; useful for comparing groups.
  • Violin plot: Shows an estimated density; useful for larger samples but can be unfamiliar and dependent on smoothing choices.
  • Strip plot or jitter plot: Displays individual observations; useful for small or moderate samples.
  • Empirical cumulative distribution chart: Shows the proportion of observations at or below each value.

A box plot conventionally displays the median and quartiles. The interquartile range is

IQR = Q₃ − Q₁

where Q₁ is the first quartile and Q₃ is the third quartile. In the common Tukey convention, observations below Q₁ − 1.5 × IQR or above Q₃ + 1.5 × IQR may be plotted as potential outliers. This is a rule for flagging unusual observations, not proof that they are errors. Quartile definitions can vary slightly between software systems, so the method should be documented when precision matters.

Histograms require a clear unit and bin definition. Changing the bin width can reveal or conceal clusters. For a small dataset, show individual points as well as a summary so that the viewer does not mistake a smooth shape for strong evidence.

3.3 Composition

Composition concerns how a whole is divided into parts.

  • Stacked bar chart: Shows part-to-whole relationships across categories or periods.
  • 100% stacked bar chart: Compares proportions when totals differ.
  • Treemap: Shows hierarchical composition using nested rectangles; useful for overview, but exact comparisons are difficult.
  • Pie or donut chart: Acceptable for a small number of parts with clear differences; poor for many slices or close values.
  • Waterfall chart: Shows how sequential additions and deductions produce a final total.

A stacked chart makes the baseline segment easiest to compare. Middle segments lack a common baseline, so they are difficult to compare accurately across bars. If comparing one component across many groups is the main purpose, use grouped bars, a line chart or a dot plot instead.

Composition may be expressed as a proportion:

pi = xi / Σxi

where xi is the value of component i, Σxi is the total across all components, and pi is the component's share. This calculation is meaningful only when components are mutually exclusive and collectively represent the stated whole. If categories overlap, shares may sum to more than 100% and should not be displayed as parts of one pie or 100% bar.

3.4 Relationships

Relationship charts examine association between variables.

  • Scatter plot: Shows paired quantitative observations.
  • Bubble chart: Adds a third quantitative variable through area or size, but exact comparison becomes less precise.
  • Heat map: Encodes values in a matrix, often for correlation, activity by hour or product-region performance.
  • Pair plot: Supports exploratory analysis of several numeric variables.
  • Network diagram: Shows connections, but dense networks can become difficult to interpret.

A scatter plot should identify the observational unit and distinguish meaningful groups. A fitted line can summarise an association, but it does not establish causation. If a correlation coefficient is reported, define the measure and provide sample size and relevant caveats. For Pearson correlation, r measures linear association and ranges from −1 to +1; it is sensitive to outliers and does not by itself prove a causal relationship.

3.5 Trends and time series

Line charts are usually appropriate when the horizontal axis represents ordered time and connecting observations communicates continuity. Use points as well as lines when there are few observations or when exact observation dates matter.

  • Use a line chart for one or a few series.
  • Use small multiples when many related series must be compared using repeated scales.
  • Use a slope chart for two time points.
  • Use a calendar heat map for recurring daily or weekly patterns.
  • Use an indexed chart when comparing relative change from a common base.

Do not connect unrelated categories merely because they are displayed in an order. Avoid dual axes unless the relationship is essential and the scales are plainly labelled; different axis ranges can make unrelated series appear to move together. When seasonality or a moving average is used, show the raw observations or explain what has been smoothed.

For a simple percentage change from an initial value x0 to a later value x1, use:

Percentage change = ((x₁ − x₀) / x₀) × 100%

This formula assumes x0 ≠ 0 and describes change relative to the initial value. It should not be confused with percentage-point change. If a conversion rate rises from 20% to 25%, the increase is 5 percentage points, but the percentage change is 25%.

3.6 Uncertainty

A point estimate without its uncertainty can create false confidence. Suitable displays include:

  • Error bars around means or estimates.
  • Confidence or prediction bands around a line.
  • Fan charts for forecasts over multiple future periods.
  • Ranges, intervals or quantile bands.
  • Dot-and-interval plots for estimated group differences.

The meaning of an interval must be stated. A 95% confidence interval is a procedure that, under repeated sampling and its assumptions, captures the fixed parameter in approximately 95% of such intervals. It is not, under the standard frequentist interpretation, a statement that there is a 95% probability that this particular fixed parameter lies in the calculated interval. A prediction interval concerns a future observation and is usually wider because it includes individual outcome variation.

When showing error bars, label whether they represent standard deviation, standard error, a confidence interval, a percentile range or another quantity. Do not use the visual overlap of intervals as a substitute for a formal comparison.

3.7 Multivariate data

Multivariate charts represent several variables for each observation. Useful methods include:

  • Faceting or small multiples: Repeats a simple chart across groups.
  • Scatter plots with colour or shape: Adds a categorical variable.
  • Parallel coordinates: Shows profiles across several quantitative dimensions, but can become cluttered.
  • Mosaic plots: Show relationships among categorical variables.
  • Heat maps: Compactly display a matrix, provided ordering and colour scale are meaningful.

A multivariate display should have a clear question. Including every available variable is not analysis. Reduce clutter through filtering, faceting, transparency, aggregation or interactive drill-down. Interactive features should supplement, not replace, a readable static view.

4. Scales, Aggregation and Context

Scales and baselines

Axes must be honest and interpretable. Label units, currency, time period and transformations. A logarithmic scale can be appropriate when values span several orders of magnitude or when multiplicative changes matter. It must be clearly labelled because equal distances then represent equal ratios rather than equal differences.

A zero baseline is important when bar length encodes absolute magnitude. It is not always required for line charts, where the primary task may be examining variation. Nevertheless, a narrow vertical range can make small movements look dramatic, so the title, axis limits and annotations should prevent misinterpretation.

Aggregation and denominators

Aggregation can conceal important variation. A monthly average may hide weekday effects; regional totals may reflect population size rather than performance. Always ask:

  • What is the observational unit?
  • What aggregation function was used—sum, mean, median, rate or count?
  • What denominator makes the comparison fair?
  • Are missing values, cancellations or duplicates handled consistently?

Rates and proportions are often more appropriate than raw counts for comparing groups of different sizes. A chart of complaints should distinguish total complaints from complaints per 1,000 customers.

Annotation and narrative

A title should communicate the subject and, where appropriate, the main finding without overstating causality. Annotations can identify a policy change, product launch or unusual observation. They should explain relevant context rather than instructing viewers what they must believe. Include data source, extraction date, definitions and filters for professional reports.

5. Avoiding Misleading Visualizations

Misleading effects can be intentional or accidental. Common problems include:

  1. Truncated bar axes: Exaggerate differences when the baseline is omitted.
  2. Unequal intervals: Make time or numeric distances visually inaccurate.
  3. Area and volume distortion: Scaling the diameter or volume of symbols instead of their area can exaggerate change.
  4. Inappropriate colour scales: A rainbow palette may create false boundaries and is difficult for many colour-vision-deficient viewers.
  5. Cherry-picked time ranges: Hide inconvenient periods or establish a favourable starting point.
  6. Unreported denominators: Present counts when exposure or population differs.
  7. Overlapping marks: Hide observations and create an impression of lower variability.
  8. Dual-axis manipulation: Make unrelated series appear correlated.
  9. Excessive smoothing: Remove meaningful peaks, volatility or uncertainty.
  10. Three-dimensional decoration: Adds perspective without information and impairs comparison.

A useful audit asks: Could a reasonable reader infer a materially different conclusion from the same data under another defensible scale, denominator or time window? If yes, disclose the choice and test alternatives.

6. Accessibility and Ethical Practice

Accessible visualization is part of analytical quality. Do not rely on colour alone; use labels, patterns, symbols or line styles. Use sufficient contrast, readable type and distinguishable colours. Design for grayscale printing and colour-vision differences. Provide an accompanying table or text summary when the chart is central to a decision.

Ethically, analysts should disclose exclusions, revisions, missing data, transformations and uncertainty. Charts should not expose personally identifiable information through small groups, rare combinations or map detail. Aggregation, suppression or controlled access may be necessary. Governance also includes version control, reproducible calculations and approval of definitions used in executive reporting.

AI-based chart recommendation tools can accelerate exploration, but they do not understand organisational context automatically. An analyst must verify field types, aggregation, denominators, outliers, scales and privacy implications. Generative systems may recommend a visually attractive but statistically inappropriate chart or invent an interpretation. Human review remains essential.

7. A Practical Chart-Selection Workflow

Use the following workflow in projects:

  1. State the decision: What action or understanding should the chart support?
  2. Identify the comparison: Categories, time periods, distributions, relationships or parts of a whole?
  3. Define the observational unit: Customer, transaction, branch, day or another entity.
  4. Inspect data quality: Missingness, duplicates, outliers, inconsistent categories and date errors.
  5. Choose the primary visual encoding: Prefer position or aligned length for quantitative comparison.
  6. Select a chart family: Match the task and variable types.
  7. Set scales and aggregation: Choose appropriate denominators, baselines and units.
  8. Add context: Title, labels, source, time range, definitions and uncertainty.
  9. Test interpretation: Ask a colleague what conclusion they draw without explanation.
  10. Check accessibility and ethics: Colour, contrast, privacy, disclosure and reproducibility.
  11. Remove non-essential elements: Reduce clutter without removing necessary context.

8. Applied Case: Regional Retail Performance

Background

A fictional national retailer, Northstar Stores, operates 48 branches. Executives want to understand why total quarterly revenue increased while customer satisfaction declined. The analytics team has transaction revenue, customer counts, satisfaction scores, product category, branch region and quarter.

Problem

An initial dashboard used a 3-D pie chart for product mix, a dual-axis line chart for revenue and satisfaction, and a map coloured by total revenue. Managers concluded that the North region was the strongest and that revenue growth accompanied better performance.

Analysis

The team identified three analytical questions: (1) how revenue changed by region and quarter, (2) whether revenue per customer differed among regions, and (3) how product composition changed. Total revenue was an inappropriate comparison because regions had different customer volumes. The dual-axis chart also used unrelated scales, making the two series appear positively associated.

Approach and solution

The team replaced the visuals with:

  • A sorted dot plot of revenue per customer by region, with confidence intervals for the regional mean.
  • A small-multiple line chart of quarterly revenue and satisfaction, using separate panels and a common time axis.
  • A 100% stacked bar chart of product-category shares by quarter.
  • A table containing total revenue, customers, revenue per customer and sample size.

Revenue per customer was calculated as

Revenue per customer = Total revenue / Number of customers

The team documented that customers were counted once per quarter, refunds were deducted, and satisfaction represented the mean of completed surveys. Regions with fewer than a specified minimum number of survey responses were flagged rather than hidden.

Outcome

The North region had the highest total revenue because it served the most customers, but the Central region had the highest revenue per customer. Satisfaction declined in all regions during the quarter in which delivery delays increased. The product-share chart showed that premium products grew as a proportion of sales, but the total number of transactions did not increase equally across regions. The revised dashboard prevented the original interpretation and directed management toward delivery capacity and regional customer mix.

Learning points

The case demonstrates that chart selection is inseparable from metric definition. A visually impressive chart can support a poor decision if denominators, uncertainty and scale choices are ignored. Separating related but distinct measures is often more honest than forcing them onto one chart.

9. Best-Practice Checklist

Before publication, confirm that:

  • The chart answers a stated analytical question.
  • The chart type matches the variable types and task.
  • The primary quantitative encoding is easy to compare.
  • Categories are ordered meaningfully.
  • Axes, units, scales and baselines are explicit.
  • Totals, rates and denominators are not confused.
  • Aggregation and missing-data treatment are documented.
  • Uncertainty is shown where decision-relevant.
  • Colour is accessible and not the sole carrier of meaning.
  • Annotations provide context without claiming unsupported causation.
  • Data source, date and definitions are available.
  • Privacy and governance requirements are satisfied.

Chapter Summary

Chart selection should begin with the analytical question: comparison, distribution, composition, relationship, trend, uncertainty, location or multivariate exploration. Data type and measurement scale constrain appropriate encodings. Position and aligned length usually support more accurate quantitative comparisons than angle, area or volume. Bars and dot plots are effective for comparison; histograms, box plots and point displays show distributions; stacked bars and waterfalls show composition; scatter plots show relationships; line charts show ordered change; and interval displays communicate uncertainty.

Effective visualization depends not only on chart family but also on scales, baselines, aggregation, denominators, labels and context. Misleading results can arise from truncated bar axes, inappropriate colour, dual axes, cherry-picked periods, hidden uncertainty and unequal group exposure. Accessibility, privacy, documentation and human review are essential, including when AI tools recommend charts. A professional analyst tests whether a chart supports a fair, reproducible and decision-relevant interpretation.

Key Terms

Visual encoding: Mapping a data value to a visual property such as position, length or colour.

Mark: A graphical object representing an observation or summary, such as a point or bar.

Scale: A rule that maps data values to visual locations or properties.

Categorical variable: A variable consisting of named groups or labels.

Ordinal variable: A categorical variable with a meaningful order.

Quantitative variable: A numeric variable representing amount or measurement.

Histogram: A chart showing frequencies within numeric intervals.

Box plot: A summary display using quartiles, median and potential outliers.

Interquartile range: The difference between the third and first quartiles.

Composition: The parts that constitute a whole.

Denominator: The reference quantity used to calculate a rate or proportion.

Scatter plot: A chart showing paired values for two quantitative variables.

Correlation: A measure of association, not by itself evidence of causation.

Time series: Observations ordered by time.

Small multiples: Repeated comparable charts arranged by subgroup.

Confidence interval: An interval produced by a procedure designed to capture a parameter at a stated long-run rate.

Prediction interval: An interval describing plausible values for a future observation.

Aggregation: Combining observations using a function such as sum, mean or median.

Diverging colour scale: A scale showing values relative to a meaningful midpoint.

Data provenance: Information about a dataset's source, transformations and history.

Review Questions

Short Answer Questions

  1. Why should the analytical question be identified before choosing a chart?
  2. Name two visual channels that are generally effective for quantitative comparison.
  3. What is the difference between a count and a rate?
  4. Why can middle segments in a stacked bar chart be difficult to compare?
  5. What information should accompany an error bar?

Long Answer Questions

  1. Explain how chart selection differs for comparison, distribution, composition and relationship tasks. Give one suitable chart for each.
  2. Discuss the advantages and limitations of position, length, angle, area and colour as visual encodings.
  3. Explain how aggregation, denominators and baselines can change the interpretation of a business chart.
  4. Describe at least five misleading visualization practices and propose a corrective action for each.
  5. Develop a professional workflow for producing an accessible and ethically responsible dashboard.

Analytical / Application Questions

  1. A company compares complaints across branches using total complaint counts, although branches serve very different numbers of customers. Recommend a revised metric and visualization, and justify both choices.
  2. A manager wants to show quarterly revenue, customer satisfaction and delivery time for six regions. Design a dashboard layout that avoids clutter and misleading dual-axis comparisons.
  3. A 100% stacked bar chart shows product shares for four quarters, but categories overlap because customers can select multiple services. Explain why the chart is invalid and recommend an alternative representation.

Multiple Choice Questions with Answers

Question 1

Which visual encoding is generally most effective for precise quantitative comparison?

A. Position along a common scale

B. Three-dimensional volume

C. Colour hue

D. Pie-slice angle

Correct Answer: A. Position along a common scale

Question 2

Which chart is most appropriate for showing the distribution of a numeric variable across several groups?

A. Box plot

B. Pie chart

C. Waterfall chart

D. Organisational chart

Correct Answer: A. Box plot

Question 3

In the formula pi = xi / Σxi, what does pi represent?

A. The total number of observations

B. The share of component i in the total

C. The first quartile

D. The chart's bin width

Correct Answer: B. The share of component i in the total

Question 4

Why should a bar chart normally begin at zero when bar length represents magnitude?

A. To make all categories equal

B. To prevent the visual difference from exaggerating the numerical difference

C. To remove the need for labels

D. To ensure the chart has two axes

Correct Answer: B. To prevent the visual difference from exaggerating the numerical difference

Question 5

Which chart is primarily designed to display paired observations for two quantitative variables?

A. Scatter plot

B. Treemap

C. 100% stacked bar chart

D. Calendar chart

Correct Answer: A. Scatter plot

Question 6

A conversion rate increases from 20% to 25%. What is the percentage-point increase?

A. 5 percentage points

B. 20 percentage points

C. 25 percentage points

D. 45 percentage points

Correct Answer: A. 5 percentage points

Question 7

What is a major risk of using two independently scaled axes for revenue and satisfaction?

A. It always removes seasonality

B. It can make unrelated movements appear associated

C. It prevents the use of labels

D. It converts counts into rates

Correct Answer: B. It can make unrelated movements appear associated

Question 8

Which statement best describes a 95% confidence interval in standard frequentist use?

A. There is a 95% probability that the fixed parameter is inside this particular interval

B. The procedure captures the fixed parameter in approximately 95% of repeated samples, under its assumptions

C. 95% of individual observations must lie inside the interval

D. The estimate is correct 95% of the time

Correct Answer: B. The procedure captures the fixed parameter in approximately 95% of repeated samples, under its assumptions

Question 9

Which colour approach is most suitable for values above and below a meaningful midpoint?

A. A diverging colour scale

B. Random categorical colours

C. A rainbow scale without a legend

D. Identical grey for every value

Correct Answer: A. A diverging colour scale

Question 10

A branch has total revenue of $120,000 and 3,000 customers. What is its revenue per customer?

A. $4

B. $40

C. $360

D. $3,600

Correct Answer: B. $40

Data Visualization & BI
Chapter 4 of 14