Purpose of a data visualisation: interactive exploration

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Which visualisation is interactive?

A A printed poster showing one fixed bar chart

B A dashboard where the user picks a year from a drop-down filter

2. What does hovering over a point on a scatter graph show in an interactive visualisation?

A A tooltip with more detail about that point

B A permanently changed data set

3. Who decides which part of the data is shown in an interactive visualisation?

A The user, by filtering or selecting

B Only the designer, before it is published

4. Which action is an example of selecting in an interactive visualisation?

A Printing the chart on A4 paper

B Clicking one bar to highlight its data in other charts

5. Why is an interactive visualisation useful for exploratory analysis?

A Users can test their own questions by changing filters

B It stops users from seeing any detail

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1Filter: Year Level = 9		AA filter control that lets the user narrow the visualisation to show only the data they choose
2onHover: show(studentName, mark)		BA printed chart cannot respond to clicks, so it is static, not interactive. Interactive exploration needs a digital visualisation that reacts to the user.
3In an interactive visualisation, the user explores the data themselves by selecting an item, and the other charts update to match		Cdropdown(region) -> showOnly(region)
4An interactive visualisation can offer a drop-down filter so each user can choose which data they want to explore		DonClick(bar) -> updateCharts(selected)
5A printed bar chart with a note: 'Click a bar to filter the data'		EWith no filters, selection or hover, users cannot explore the data themselves, so it is not interactive.
6Dashboard that always shows every row and has no filters, slicers or hover detail, described as 'interactive'		FHovering over a point reveals extra detail, such as the exact value, without cluttering the chart

Definitions

interactive visualisation

Fill in the Blanks

Complete each line of code by filling in the missing parts.

SELECT * FROM students _____ house = 'Red';

SELECT name, price FROM products WHERE ________ = 'Tech';

SELECT * FROM students WHERE house __ ('Red', 'Blue');

SELECT * FROM students WHERE _________ = 3;

SELECT firstName FROM students WHERE points __ 100;

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A chart = Chart(salesData)

B menu = Dropdown(regions)

C menu.onChange(updateChart

D show(chart, menu)

Question 2

A chart = ScatterGraph(data)

B chart.onPrint(showTooltip)

C tooltip.text = point.value

Question 3

A slicer == Slicer(yearLevel)

B slicer.linkTo(chart)

C chart.refresh()

Question 4

A SELECT * FROM sales

B WHERE region = North

C ORDER BY month;

Question 5

A function onSelect(bar) {

B highlight(bar)

C showDetails(bar,name)

D }

Answer Key

Purpose of a data visualisation: interactive exploration

Section A: Quick Questions

B — A dashboard where the user picks a year from a drop-down filter

A — A tooltip with more detail about that point

A — The user, by filtering or selecting

B — Clicking one bar to highlight its data in other charts

A — Users can test their own questions by changing filters

Section B: Match the Pairs

Filter: Year Level = 9 → A filter control that lets the user narrow the visualisation to show only the data they choose

onHover: show(studentName, mark) → Hovering over a point reveals extra detail, such as the exact value, without cluttering the chart

In an interactive visualisation, the user explores the data themselves by selecting an item, and the other charts update to match → onClick(bar) -> updateCharts(selected)

An interactive visualisation can offer a drop-down filter so each user can choose which data they want to explore → dropdown(region) -> showOnly(region)

A printed bar chart with a note: 'Click a bar to filter the data' → A printed chart cannot respond to clicks, so it is static, not interactive. Interactive exploration needs a digital visualisation that reacts to the user.

Dashboard that always shows every row and has no filters, slicers or hover detail, described as 'interactive' → With no filters, selection or hover, users cannot explore the data themselves, so it is not interactive.

Section C: Definitions

interactive visualisation — A visualisation where users explore the data themselves, for example by filtering, selecting items or hovering over points for more detail.

Section D: Fill in the Blanks

SELECT * FROM students WHERE house = 'Red';

SELECT name, price FROM products WHERE 
category = 'Tech';

SELECT * FROM students WHERE house IN
 ('Red', 'Blue');

SELECT * FROM students WHERE studentId = 3;

SELECT firstName FROM students WHERE points 
>= 100;

Section E: Spot the Error

C — The closing bracket is missing. It should be menu.onChange(updateChart) so the dropdown filter updates the chart when the user changes it.

B — Hover for detail needs the hover event. onPrint is the wrong event, so it should be chart.onHover(showTooltip).

A — A double equals compares values instead of assigning. It should be slicer = Slicer(yearLevel) to create the slicer.

B — Text values in SQL need quotes. The filter a user picks should be written as WHERE region = 'North'.

C — A comma is used instead of a dot. It should be bar.name so the selected bar's name property is passed to showDetails.