A Comparison of Radial and Linear Charts for Visualizing Daily - - PowerPoint PPT Presentation

a comparison of radial and linear charts for visualizing
SMART_READER_LITE
LIVE PREVIEW

A Comparison of Radial and Linear Charts for Visualizing Daily - - PowerPoint PPT Presentation

A Comparison of Radial and Linear Charts for Visualizing Daily Patterns Manuela Waldner , Alexandra Diehl, Denis Gracanin, Rainer Splechtna, Claudio Delrieux, Kresimir Matkovic Institute of Visual Computing & Human-Centered Technology, TU


slide-1
SLIDE 1

A Comparison of Radial and Linear Charts for Visualizing Daily Patterns

Manuela Waldner, Alexandra Diehl, Denis Gracanin, Rainer Splechtna, Claudio Delrieux, Kresimir Matkovic

Institute of Visual Computing & Human-Centered Technology, TU Wien, Austria

slide-2
SLIDE 2

Radial Charts

Manuela Waldner 2

?

slide-3
SLIDE 3

Radial Charts

“Processing angles is more difficult than processing linear aspects.”

[Simkin and Hastie, Journal of the American Statistical Association, 1987]

Manuela Waldner 3

slide-4
SLIDE 4

Radial Charts

“Radial graphs also have the potentially error-prone property that the reader’s eyes must follow one of several concentric rings to map a data point to its value.”

[Goldberg and Helfman, SAGE Information Visualization 2011]

Manuela Waldner 4

slide-5
SLIDE 5

Radial Charts

“Using polar rather than Cartesian coordinates has a pleasing aesthetic, while using space more efficiently.”

[Heer et al., Commun. ACM 2010]

Manuela Waldner 5

slide-6
SLIDE 6

Radial Charts

“Mapping this circular behavior to a radial diagram is an intuitive concept and mirrors the data appropriately.”

[Burch and Weiskopf, Springer Handbook of Human Centric Visualization 2019]

Manuela Waldner 6

slide-7
SLIDE 7

Radial Charts of Periodical Patterns

Manuela Waldner 7

[Brehmer et al., IEEE TVCG 2019]

slide-8
SLIDE 8

Radial Charts of Periodical Patterns

Manuela Waldner 8

[Fuchs et al., ACM CHI 2013]

“The participants also reported to like the clock metaphor. Some suggested, however, to visualize only 12 hours at a time for a more intuitive encoding.”

slide-9
SLIDE 9

Clock Metaphor

Manuela Waldner 9

slide-10
SLIDE 10

Traffic Accidents

Manuela Waldner 10

https://www.kaggle.com/pavetr/nypdcollisions

slide-11
SLIDE 11

Traffic Accidents

Manuela Waldner 11

slide-12
SLIDE 12

Rose Chart

Manuela Waldner 12

[Nightingale, 1858]

slide-13
SLIDE 13

Rose Chart

Manuela Waldner 13

[Huang et al., IEEE TVCG 2016]

slide-14
SLIDE 14

Rose Chart

Manuela Waldner 14

slide-15
SLIDE 15

“Clock Charts”

Manuela Waldner 15

slide-16
SLIDE 16

Study Design

Manuela Waldner 16

linear radial 2 x 12 1 x 24

slide-17
SLIDE 17

Study

Manuela Waldner 17

slide-18
SLIDE 18

Manuela Waldner 18

slide-19
SLIDE 19

Untargeted Analysis

Manuela Waldner 19

slide-20
SLIDE 20

Untargeted Analysis

Manuela Waldner 20

slide-21
SLIDE 21

Low-Level Tasks

Manuela Waldner 21

slide-22
SLIDE 22

Low-Level Tasks

Manuela Waldner 22

slide-23
SLIDE 23

Low-Level Tasks

Manuela Waldner 23

slide-24
SLIDE 24

Hypothesis

Visualizations of daily patterns using a clock-like layout can be interpreted more efficiently by untrained users than using alternative radial or linear charts.

Manuela Waldner 24

slide-25
SLIDE 25

Untargeted Analysis

Manuela Waldner 25

There are a lot of accidents in the morning between 8 am and 10 am. Then again in the afternoon between 1 and 5 pm. There are a lot of accidents in the morning between 8 am and 10 am. Then again in the afternoon between 1 and 5 pm. Observation 1 Observation 2

slide-26
SLIDE 26

Locate Maximum

Manuela Waldner 26

slide-27
SLIDE 27

Locate Maximum

Manuela Waldner 27

completion time accuracy

slide-28
SLIDE 28

Locate Maximum Errors

Manuela Waldner 28

slide-29
SLIDE 29

Observation

Separating charts may attract much more attention to the first chart.

Manuela Waldner 30

slide-30
SLIDE 30

Locate Time

Manuela Waldner 31

slide-31
SLIDE 31

Locate Time

Manuela Waldner 32

completion time accuracy

slide-32
SLIDE 32

Locate Time Errors

Manuela Waldner 33

I found it very hard to read initially as I was trying to figure out if the 12pm on the left was for PM or AM, based on it stating AM in the center. This is very confusing.

slide-33
SLIDE 33

Rose Charts

Manuela Waldner 34

[Nightingale, 1858]

slide-34
SLIDE 34

Observation

Separate rose charts are difficult to follow.

Manuela Waldner 35

slide-35
SLIDE 35

Locate Time

Manuela Waldner 36

[Fuchs et al., ACM CHI 2013]

slide-36
SLIDE 36

Observation

Locating an hour of a day is more efficient using a continuous, labelled, linear bar chart.

Manuela Waldner 37

slide-37
SLIDE 37

Read Value

Manuela Waldner 38

slide-38
SLIDE 38

Read Value

Manuela Waldner 39

completion time accuracy

slide-39
SLIDE 39

Read Value Errors

Manuela Waldner 40

It's pretty decent but I JUST noticed that each bar represents 20 accidents. Before I thought 1 bar = 1 accident because I didn't look closely enough

slide-40
SLIDE 40

Observation

Users may not know how to interpret the length of the bars in rose charts.

Manuela Waldner 41

slide-41
SLIDE 41

Read Value Errors

Manuela Waldner 42

34

slide-42
SLIDE 42

Read Value

Manuela Waldner 43

slide-43
SLIDE 43

Read Value

Manuela Waldner 44

slide-44
SLIDE 44

Observation

Separating radial charts may attract attention to unimportant data points.

Manuela Waldner 45

slide-45
SLIDE 45

Feedback

Manuela Waldner 46

This is simpler er, less pretty or fancy but more effec ecti tive than the previous one I prefer seeing a bar graph but it could be because I am more fam amili liar ar with this. It is challen engi ging to read.

slide-46
SLIDE 46

Clock Charts?

Manuela Waldner 47

This is really hard rd to look at until you realize that it is showing like a clock. But the data is still diffic icult lt to decipher.

slide-47
SLIDE 47

Clock Charts?

Manuela Waldner 48

? ? ?

slide-48
SLIDE 48

How to Visualize Daily Patterns?

Manuela Waldner 49

slide-49
SLIDE 49

Thank you!

Manuela Waldner

T 752-N30