39
The Visual Display of Quantitative Information vs.

The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Embed Size (px)

Citation preview

Page 1: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

The Visual Display of Quantitative Information

vs.

Page 2: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Excellence!

Excellence in statistical graphics consists of complex ideas communicated with:

• clarity, • precision, • efficiency.

Page 3: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Graphical displays should:

• Show the data• Make the viewer think about the substance (not the

methods/design/technology)• Avoid distorting the data• Present many numbers in a small space• Make large datasets coherent• Encourage the eye to compare different pieces of data• Reveal data structure at different levels• Serve a clear purpose: description, exploration,

tabulation, decoration

Page 4: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

GOOD graphical displays:

Page 5: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Deaths from cholera in central London, 1854

Page 6: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

New York City weather

Page 7: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Wheat prices and wages in the UK

Page 8: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

BAD graphical displays:

Page 9: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

3D = no extra information

Latest results from only 6 months

Page 10: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 11: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 12: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Traffic deaths

Page 13: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Traffic deaths

Page 14: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 15: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Traffic deaths

Page 16: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Theory of Data Graphics

Page 17: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Data:Ink

data: ink ratio = data-inktotal ink used to print graphic

= proportion of graphic’s ink devoted to the non-redundant display of data-information

= 1 – proportion of graphic that can be erased without loss of data-information

Page 18: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

v. low! data:ink 0.7

Page 19: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 20: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Chartjunk

Page 21: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 22: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 23: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Tufte (1983, p.118) says, "This may well be the worst graphic ever to find its way into print."

Substance? NO!

ONLY 5 NUMBERS!!

Colours.. YES3D effects... YESDisguised redundancy...YES:

mirror imagingcurved lines

Page 24: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Tufte (1983, p.118) says, "This may well be the worst graphic ever to find its way into print."

Page 25: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Data-ink maximization

Page 26: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 27: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 28: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 29: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 30: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 31: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 32: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 33: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 34: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 35: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 36: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 37: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 38: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant
Page 39: The Visual Display of Quantitative Information · Data:Ink data: ink ratio = data-ink total ink used to print graphic = proportion of graphic’s ink devoted to the non-redundant

Apprehension: Ability to correctly perceive relations among variables. Does the graph maximize apprehension of the relations among variables?

Clarity: Ability to visually distinguish all the elements of a graph. Are the most important elements or relations visually most prominent?

Consistency: Ability to interpret a graph based on similarity to previous graphs. Are the elements, symbol shapes and colors consistent with their use in previous graphs?

Efficiency: Ability to portray a possibly complex relation in as simple a way as possible. Are the elements of the graph economically used? Is the graph easy to interpret?

Necessity: The need for the graph, and the graphical elements. Is the graph a more useful way to represent the data than alternatives (table, text)? Are all the graph elements necessary to convey the relations?

Truthfulness: Ability to determine the true value represented by any graphical element by its magnituderelative to the implicit or explicit scale. Are the graph elements accurately positioned and scaled?