26
Exploring Chart Perception An Evaluation of the Impact of Visual Embellishments in Bar Charts 1 Drew Skau Lane Harrison Robert Kosara @SeeingStructure @laneharrison @eagereyes Slides: https://goo.gl/BxhHRV

Bar Chart Embellishments

Embed Size (px)

Citation preview

Page 1: Bar Chart Embellishments

Exploring Chart Perception

An Evaluation of the Impactof Visual Embellishments in Bar Charts

1

Drew Skau Lane Harrison Robert Kosara@SeeingStructure @laneharrison @eagereyes

Slides: https://goo.gl/BxhHRV

Page 2: Bar Chart Embellishments

Infographics

2

Page 3: Bar Chart Embellishments

Infographics

3

Page 4: Bar Chart Embellishments

(They get worse.)http://viz.wtf/@WTFViz

4

Page 5: Bar Chart Embellishments

Bar Chart Embellishments

5

Page 6: Bar Chart Embellishments

Bars with caps on the ends

6

Page 7: Bar Chart Embellishments

Bars that overlap their neighbors

7

Page 8: Bar Chart Embellishments

Bars with quadratic area changes

8

Page 9: Bar Chart Embellishments

Bars with rounded ends

9

Page 10: Bar Chart Embellishments

Triangular bars

10

Page 11: Bar Chart Embellishments

Bars that extend below the zero line

11

Page 12: Bar Chart Embellishments

Baseline Chart

12

Page 13: Bar Chart Embellishments

Study Questions

Absolute Judgement:In the chart below, what is the value of A?

13

78

Page 14: Bar Chart Embellishments

Study Questions

Relative Comparison:In the chart below, what percentage is B of A?

14

12.5%

Page 15: Bar Chart Embellishments

Hypotheses

15

Embellishment

Overlapping

Quadratic

Capped

Triangle

Extended

Rounded

AbsoluteJudgement

RelativeComparison

Page 16: Bar Chart Embellishments

Absolute Judgement Results

16

Page 17: Bar Chart Embellishments

Relative Comparison Results

17

Page 18: Bar Chart Embellishments

Results

18

Embellishment

Overlapping

Quadratic

Capped

Triangle

Extended

Rounded

AbsoluteJudgement

RelativeComparison

Not Statistically Significant

Statistically Significant

Page 19: Bar Chart Embellishments

19

Why did capped perform equally well and with lower variance for absolute comparisons?

Page 20: Bar Chart Embellishments

Overshoot in Fonts

20

Page 21: Bar Chart Embellishments

Compromise

21

vs.

Page 22: Bar Chart Embellishments

Disinformation Visualizations

22

http://fellinlovewithdata.com/research/deceptive-visualizations

http://visualisingadvocacy.org/blog/disinformation-visualization-how-lie-datavis

Page 23: Bar Chart Embellishments

Recommendations

23

Page 24: Bar Chart Embellishments

Recommendations

24

Definitely:

Page 25: Bar Chart Embellishments

Recommendations

25

Cautiously:

Page 26: Bar Chart Embellishments

Questions

26

Drew Skau Lane Harrison Robert Kosara@SeeingStructure @laneharrison @eagereyes

Paper:http://goo.gl/Hnr3MR

Slides:https://goo.gl/BxhHRV

Code:http://github.com/dwskau/bar-chart-embellishment