+ - 0:00:00
Notes for current slide
Notes for next slide

ASP 460 2.0/ STA 492 2.o Data Visualization

Dr Thiyanga Talagala

1. Introduction to Data Visualization: Design Process

1 / 39
2 / 39

Where have you seen data visualizations?

3 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

Andy Kirk

4 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

Andy Kirk

5 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

Andy Kirk-

  • How you are going to plot your data

  • Building blocks of charts

    • marks: points, lines or shapes to represent data

    • attributes: visual variations of marks: different scales, positions, sizes

6 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

Andy Kirk-

  • Design decisions as a means for communicating to others

    • application of interactivity

    • features of annotations

    • legend, titles, scales, caption

    • dimentions of the chart area

7 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

Andy Kirk-

The three phases of understanding

Perceiving --> Interpreting --> Comprehending

  • Three different cognitive focuses.
8 / 39

Perceiving

  • What do I see?: Reading the chart

    • What data is shown?

    • What is on x-axis/ y-axis?

    • What do colours represent?

    • What range of values are displayed?

    • stepped magnitude judgement?

    • Where are the least and most/ average?/largest and smallest?

9 / 39

10 / 39

Interpreting

  • Translate what you see into quantitative and/or qualitative meaning.

  • Reader's ability to perform relational interpretation

    • Are these patterns normal, expected or unusual?

    • What features are interesting?

    • What features are important given the subject knowledge?

    • If you do not have any knowledge about the subject your understanding stops after the perceiving phase.

11 / 39

12 / 39

13 / 39

Comprehending

  • What does it mean to me?

  • What does one do with this understanding?

  • Have I learned something I did not know before?

  • Was it confirmed I did not know before?

14 / 39

15 / 39

16 / 39

What is data visualization?

The visual representation and presentation of data to facilitate understanding.

  • Visualisers can control the output but not the outcome.
17 / 39

Perceiving:

What does it show?

Interpreting

What does it mean?

Comprehending

What does it mean to me?

18 / 39

The Visualisation Design Process

  • In visualisation there is no such thing as perfect solution.

Challenges

  • Whether it will be understood as you wish

  • Plots which are common in one kind of field may be unfamiliar to the readers of another research field.

  • Choice of graphical form: The same data may be plotted in many alternative ways, which is best and why?

  • May look different in print than on a computer screen.

  • Other limitations: time, tools, demand of different audiences

19 / 39

Organising your thinking: What, for whom, why

  • Stage 1: Formulating your brief

  • Stage 2: Working with data

  • Stage 3: Establishing your editorial thinking

  • Stage 4: Developing the design solution

20 / 39

Stage1: Formulating your brief

  • Planning:

    • What is the output format? (printout, mobile app, etc)

    • Audience (How much assisstant do they need?, How familiar are they with the charts?)

    • Time scale

    • Tools

21 / 39

Stage1: Formulating your brief (cont)

  • Purpose:

    • Exhibitory

    • Explanatory

    • Exploratory

22 / 39

Exhibitory

23 / 39

Explanatory

24 / 39

Exploratory

25 / 39

Stage 2: Working with data

  • Gathering, handling and preparing your data

  • Qualitative vs Quantitative

  • Nominal, Ordinal, Interval, Ratio

  • Minimum, Maximum, Number of Categories

26 / 39

Stage 3: Establishing your editorial thinking

  • What questions are you trying to answer in support of the overriding curiosity?

  • Selecting items to include or exclude

27 / 39

Stage 4: Developing your design solution

  • Scales

    • Simplicity

    • Granularity: relative size, scale, level of detail

    • Coverage

  • Sorting and ordering

  • Annotation (Overlaying information)

    • Highlight particular feature of a graphic

    • Guides the reader

    • Emphasizing particular issue

    • Overlaying (Statistical) information

    • Challenge: overlapping or cluttered display

28 / 39

Stage 4: Developing your design solution (cont.)

  • Captions, legends

  • Positioning/ layout: Same page or in the facing page, inconvenient to have to turn pages back and forth

  • Size, Frames and Aspect Ratio

  • Colour: Blends well and distinguish between different categories

  • Consistency

  • Proximity: place graphics on the same page or on the facing page

29 / 39

Three principles of good visualisation design (From Andy Kirk)

  • Trustworthy: Is it reliable?

  • Accessible Is it usable/ understandable?

  • Elegant

30 / 39
31 / 39
32 / 39
33 / 39
34 / 39
35 / 39

Exercise

Sketch suitable plots to visualize the frequency distribution.

36 / 39

US Adults Opinions on Climate Change Relevant Regulations

  1. Require producing 20% of electricity from clean energy

  2. Regulate CO2 as a pollutant

  3. Fund more research into renewable energy

1 2 3 4 5
Q1 15 20 2 38 25
Q2 10 14 2 44 30
Q3 6 9 2 41 42

Response: Strongly support (1), Somewhat support (2), Refused (3), Somewhat oppose (4), Strongly opposed (5)

37 / 39

Lab work

Visualising dengue data.

Visit dengue data hub at https://denguedatahub.netlify.app/

install.packages("denguedatahub)
38 / 39

Acknowledgement

Kirk, A. (2016). Data visualisation: a handbook for data driven design.

39 / 39
2 / 39
Paused

Help

Keyboard shortcuts

, , Pg Up, k Go to previous slide
, , Pg Dn, Space, j Go to next slide
Home Go to first slide
End Go to last slide
Number + Return Go to specific slide
b / m / f Toggle blackout / mirrored / fullscreen mode
c Clone slideshow
p Toggle presenter mode
s Start & Stop the presentation timer
t Reset the presentation timer
?, h Toggle this help
Esc Back to slideshow