Year 4 / Module 28

Data visualisation and visual analytics

HCI4104 · 15 credits · Level 7

Encoding data so that people can see what is there, and interact with it without being misled.

Ten units

  1. 1Perception and the ranking of visual encodingsThe ranking of visual encodings is a robust ordinal result for isolated abstract judgements, but it under-determines design because channels interact and real displays are read for a task, not for a magnitude estimate.
  2. 2Grammar, abstraction and automated encoding recommendationFormal grammars and constraint systems let a machine propose an encoding, and every recommender is only as good as the perceptual rules it encodes, so automation inherits the ranking's blind spots.
  3. 3Colour: perceptual uniformity, accessibility and the colour-map debateThe field converged on perceptually uniform, colour-vision-safe encodings, but the strongest recent evidence shows even the condemned rainbow map is not uniformly bad, so the consensus is narrower than the advice it produced.
  4. 4Uncertainty: displaying the error and evaluating the decisionUncertainty can now be shown with encodings that beat error bars on reading tasks, yet the field's evaluations measure reading accuracy rather than decision quality, so it cannot yet say whether the better display produces the better decision.
  5. 5Interaction, coordinated views and visual analyticsVisual analytics rests on the claim that interaction is what makes scale manageable, and the evidence for that claim is mostly design frameworks and case studies rather than controlled comparison of interaction techniques.
  6. 6Narrative, storytelling and rhetoricNarrative visualisation trades reader exploration for author control, and the field has documented its genres and rhetoric without settling whether stories improve comprehension or chiefly increase persuasion.
  7. 7Misleading graphics, deception and the ethics of truthful encodingMost misleading charts are unexamined defaults rather than deliberate fraud, so the remedy is a design and audit discipline, and the empirical work shows that some named distortions mislead little while honest pipelines produce findings that are not there.
  8. 8Dashboards, design studies and analytics in organisationsDashboards succeed or fail on the decision they serve and the definitions behind each measure, and the research base is thin relative to their reach, so most dashboard guidance remains craft rather than evidence.
  9. 9Evaluating visualisation: insight, metrics and the credibility of the evidenceEvaluation has shifted from task accuracy to insight and decision quality, and that shift exposes the field's evidence base as narrower than its claims, because replications are rare and the measures do not capture real analytic work.
  10. 10Visualisation as communication: literacy, journalism and the turn to decisionsAs visualisation moved from analyst tools to public communication, the evidence shifted from perceptual judgement to whether a chart changes what a reader believes or decides, and the effects found are smaller and more context-dependent than the earlier optimism.

10 of 10 units written. Rows marked in preparation have no body yet.

Code HCI4104Credits 15Level 7Year 4

Specification

Assessment is by coursework unless a row says otherwise.
AssessmentWeightType
Visualisation design portfolio40%coursework
Interactive visual analytics tool40%coursework
Misleading chart audit20%coursework

What you will be able to do

  • Choose encoding channels that support the judgement a reader must make.
  • Design a colour scheme that is both perceptually ordered and accessible.
  • Identify misleading charts and explain the mechanism of the distortion.
  • Build a coordinated interactive view that supports an analytic task.
  • Evaluate a visualisation's comprehension with a defensible method.

The reading this module rests on

  • Munzner, T. (2014). Visualization Analysis and Design. CRC Press. The systematic framework the module is built on.
  • Ware, C. (2020). Information Visualization: Perception for Design. Morgan Kaufmann. The perceptual evidence behind the channel ranking.
  • Cairo, A. (2016). The Truthful Art. New Riders. The ethical and communicative argument, with excellent examples.
  • Shneiderman, B. (1996). The eyes have it: a task by data type taxonomy for information visualizations. IEEE Symposium on Visual Languages. The origin of overview, zoom, filter and details on demand.

Data visualisation and visual analytics

A chart is an instrument for a judgement. It exists so that a reader can compare, rank, estimate or notice something, and the encoding decides which judgements are easy and which are nearly impossible. It is also where the field argues with itself. The perceptual evidence comes from abstract judgement trials, the craft rules from designers reading their own examples, and the ethical claims from journalists.

A mark and a channel, and why the ranking is about judgement

Data has two parts: items, the things described, and attributes, what is known about each. A mark is the geometric thing you draw: a point, a line, an area or an icon. A channel is the visual property that controls it, such as position, length, area, angle, slope, colour or motion.

Munzner built the framework the field now teaches from (Munzner, 2014). Design reduces to three questions. What data does the reader need to see, why do they need it, and how can marks and channels carry it. That order explains why a chart cannot be chosen before its question is known.

The channel ranking is the framework's best-known part. Position on a common scale supports the most accurate quantitative judgement, length on a common scale comes next, and area, angle and colour saturation support the least accurate. The evidence is experiments in which readers saw two marks and estimated what percentage the smaller was of the larger (Cleveland and McGill, 1984). From the errors the authors derived elementary perceptual tasks, ordered them by accuracy, and drew one guideline: use the highest tasks you can. Their paper is careful about its own limit, noting that the experiments also showed the set of tasks had to be expanded.

The ranking survives a second test, with exceptions

Twenty-six years later, Heer and Bostock ran the same comparisons with crowdworkers on the web, using the same error measure so the results could sit side by side (Heer and Bostock, 2010). The shape and order of the judgement types were preserved. Two things changed. The most accurate judgement types came closer together, and length judgements improved on the original study. Position still significantly outperformed length.

They also went further. In a new experiment on rectangular area, of the kind treemaps and cartograms produce, accuracy matched that of circular area. Aspect ratio mattered significantly, and the surprise was the direction. Pairs with an aspect ratio of one, the squares a squarified treemap aims for, produced the worst judgements. Readers appear to use one-dimensional length as a proxy for area, and the sides of two squares give that proxy nothing to work with.

The limits matter here. Display, lighting and viewing distance were uncontrolled, so only a subclass of perception experiments can run this way. The authors add that visual variables interact, so extrapolating from isolated variables is unreliable. That is the contested question stated plainly. A ranking built from abstract judgements predicts the direction in which a real chart fails, and it does not tell you what to draw.

You cannot choose an encoding before you know the question

Task abstraction is the discipline of naming the judgement before drawing anything. A reader asking whether one value exceeds another is making a comparison. A reader asking how something changed is reading a trend. A reader asking whether values cluster is reading a distribution.

Take twelve months of waiting times at one emergency department, a value per month. As a comparison of two months, a pair of bars on a common baseline is read by length. As a trend, the same values are read by slope in a line chart. As a distribution, the interest moves to how many months fell above the target, which a dot plot answers. As an outlier hunt, the months belong on a sorted dot plot, where position on a common scale does the work. One dataset, four charts, each defensible only because a judgement has been named.

The test is cheap. If you cannot say which judgement a chart supports, it has no defence beyond taste, and decoration accumulates where an argument belongs.

Colour is three problems wearing one name

Colour is categorical when the values have no order, sequential when they are ordered and run one way, and diverging when they are ordered and meaningful in two directions from a centre. Hue carries identity rather than magnitude, so a categorical palette used for a count destroys the ordering the reader needs.

A sequential ramp needs perceptual uniformity: equal steps in the data must produce equal steps in what the eye sees. Judged in lightness, most naive ramps fail. A rainbow palette climbs in lightness quickly in the middle and flattens at the ends, which manufactures sharp-looking boundaries where the data is smooth.

Crameri, Shephard and Heron catalogue the practice and the cost (Crameri, Shephard and Heron, 2020). Their abstract states that colour maps which distort data through uneven gradients, or which are unreadable for readers with colour-vision deficiency, remain prevalent in science, and names rainbow-like and red-green maps among them. Their remedy is a set of scientifically derived maps that report true variation and stay readable.

The evidence deserves care. That article is an argument and a guide with reference palettes, not a controlled trial of reader accuracy. The colour-vision claim rests on the settled physiology of the cone pigments plus simulation, which is a model. The distortion claim rests on each palette's measurable lightness profile.

Axes, baselines and the arithmetic of distortion

Most misleading charts are defaults that were never examined, and the mechanism is usually arithmetic. A bar encodes magnitude as length, and length is proportional to magnitude only when the baseline is zero.

Truncate a bar chart axis at eighty per cent and a bar for eighty-two units is drawn as one tenth the height of a bar for a hundred. A line chart is different, because slope carries the reading, so truncation exaggerates apparent change without destroying any drawn length. A second pair of axes, scaled independently, can manufacture a relationship out of two free choices of scale. Area encodings fail similarly, since doubling the radius of a circle quadruples its area.

Cairo argues that truthfulness is a continuum rather than a property (Cairo, 2016). His book separates the claim into stages, through the truth continuum and conjecture and uncertainty to confidence and significance, and it offers a step-by-step process for evaluating a graphic.

Tufte made the purist version of the argument (Tufte, 1983). His book sets out the data-ink ratio, treating as waste any ink that does not carry data, argues for small multiples, and proposes detecting graphical deception by comparing design variation with data variation. Read critically, the ratio is a heuristic, illustrated with examples chosen by its author rather than tested. Erasing gridlines and tick labels can lower the accuracy of the estimate the reader has to make, which the perceptual ranking protects. The argument survives as a discipline of attention, not as a law.

Interaction is how a view is made manageable

Shneiderman's paper supplied the phrase the field still uses: overview first, zoom and filter, then details on demand (Shneiderman, 1996). Its abstract says this is a starting point, and it offers seven data types and seven tasks: overview, zoom, filter, details on demand, relate, history and extract.

Consider four hundred thousand patient records and a question about one subgroup. The overview shows the shape of the whole, usually as a set of distributions in a small multiple. Selection filters, and every other view updates to the same subset, which is what brushing and linking means. Details on demand brings one record into reach, and extract lets the finding leave the tool.

Small multiples are the quiet workhorse. The same encoding repeats in a grid with fixed scales, so a reader compares panels by eye and reads values within a panel. That separates two judgements instead of asking one plot to carry both.

Coordinated views introduce a risk that is easy to miss. Once several views filter together, a relationship visible in one panel can be an artefact of the selection, and the analyst has no way to see the selection as part of the data.

Dashboards fail as documents and work as instruments

A dashboard is a genre with an audience, a cadence and a decision, not a shelf of charts. The failure modes are recognisable. It answers no named question. It gives twelve panels equal weight, so nothing is salient. It hides the definition of the metric, and a readmission rate can be defined three ways. It reports a value with no reference band, so the reader cannot tell whether it is good.

Take an operational dashboard for a hospital. A first version shows a grid of sixteen measures, each with a small gauge. A workable version keeps the data and changes the reading. A short row of headline measures carries an explicit expected range, drawn as a band, so each number is compared with something. Every headline carries a sparkline over the previous ninety days, which supplies the trend. The ward comparison moves to one common scale and one sorted order, so ranking is read by position.

None of that is decoration: every change serves a judgement a named reader has to make. That guidance rests on the framework and on the perceptual experiments, not on a body of dashboard studies.

Uncertainty is where published charts fail most often

An estimate drawn without its interval invites a reader to treat it as a fact. An interval drawn as a bar or a band uses position and length, the channels that support accurate comparison. A distribution drawn in full, rather than summarised by a mean, shows the shape a summary hides. Frequency framing, in which a count of icons stands for a count of cases, lets a reader count rather than judge an area.

Hullman and colleagues surveyed how far the field has got in testing those remedies (Hullman, Qiao, Correll, Kale and Kay, 2019). They set out a taxonomy of six levels of decisions an evaluation of an uncertainty display has to make, from the behavioural target to the analysis. Applied to eighty-six user studies, the survey found that evaluation practice, particularly in visualisation research, concentrates on performance and satisfaction measures. Those measures assume more predictable judgement than the research on human judgement and decision making supports. The authors also report a bias toward reading performance as accuracy rather than as decision quality.

That finding is why this section is hard. A display that shows uncertainty can score worse on an abstract task and still improve a decision, and a standard evaluation will not see the difference.

Narrative, annotation and the difficulty of measuring comprehension

Narrative visualisation adds an author's sequence to a reader's exploration. Segel and Heer reviewed fifty-eight published examples and derived seven genres, among them the magazine style, the annotated chart, the slide show and the video (Segel and Heer, 2010). Their organising idea is a balance between author-driven narrative flow and reader-driven story discovery. Annotation is how the author's reading enters a display, and it is also where persuasion enters.

Evaluation decides whether any of it worked, and this is where the literature is weakest. A controlled task measures accuracy and time on a judgement the experimenter chose, so the method reports only on the search it taught. Saraiya, North and Duca attacked the problem directly (Saraiya, North and Duca, 2005). They defined an insight as an individual observation about the data and counted insights in a think-aloud protocol, rather than scoring answers to a set question. Thirty participants each used one of five microarray tools on one of three datasets.

Measured insight did not depend on the participant's background, so domain experts generated no more insight than novices. Believed insight did depend on background: software developers felt they had learned less, and novices felt they had learned more. And multi-view tools, which linked several views to a selection, gave users confidence they had missed nothing.

The authors also wrote down the costs. Coding insight is labour intensive, it needs a domain expert coder, it needs self-motivated participants, and each session lasted under two hours. A person analysing their own data works for days, weeks or months, and the authors say long-term insight may differ. Their recommendation is a study that follows analysts through repeated cycles on their own data, which is where visualisation becomes a question about use over time.

Check your understanding & apply it · 7 questions, 2 essays

1A team must let readers compare the values of eight categories as accurately as possible. Which encoding supports that judgement best?
2A newspaper prints a bar chart whose vertical axis begins at eighty rather than zero. Which account of the distortion is correct?
3A climate team maps temperature anomaly, which runs negative to positive around a meaningful zero. Which palette family fits the data?
4A hospital board has one display slot. Members must judge whether the current value sits above the expected range, and they also need context for the past ninety days. Which design is defensible?
5An analyst holds four hundred thousand records and has one subgroup in mind. Which sequence follows Shneiderman's visual information seeking mantra?
6A team reports that its uncertainty display is faster and more accurate than an alternative on a set of estimation tasks. Which limitation belongs in the write-up?
7Two analysis tools are compared. Tool A generates more coded insights in a think-aloud study. Tool B's users report greater confidence that they have missed nothing. Which reading is best supported?
8Essay You have twelve months of accident and emergency waiting times for thirty hospital trusts. The board must decide whether to escalate. Name the judgement the board has to make, choose an encoding for it, justify your choice against two alternatives, and say how you would check whether the chart worked.
9Essay A district council publishes weekly case rates on a dashboard using a rainbow colour scale. A councillor says the scale is fine because it is decoration. Write the critique, explain the mechanism of harm, and state what evidence you would require before accepting the councillor's position.