Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure...

14
Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data more clearly than in the original Source: http://www.napoleanic-literature.com, © John Schneider

Transcript of Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure...

Page 1: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.1

Figure 1.1 A redrawn version of Minard’s map showing some data more clearly than in the originalSource: http://www.napoleanic-literature.com, © John Schneider

Page 2: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.2

Figure 1.2 Florence Nightingale’s diagram showing the dramatic reduction in death rates in the hospitals of Scutari following the changes she introducedSource: Nightingale (1858)

Page 3: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.3

Figure 1.3 Part of John Snow’s original map in which each death from cholera is indicated by a black bar. The dotted line encloses the area that was closer to the Broad street pump (in walking distance) than to any other street pumpSource: Cholera Inquiry Committee, St. James parish. Report on the cholera outbreak in the parish of St. James, Westminster, during the autumn of 1854. London, J Churchill, 1855. Map 3. Thanks: Brock Craft

Page 4: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.4

Figure 1.4 The John Snow pub in Broadwick Street, LondonSource: Nightingale (1858)

Page 5: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.5

Figure 1.5 Harry Beck, creator of the famous London Underground mapSource: Ken Garland

Page 6: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.6

Figure 1.6 The process of information visualization. Graphically encoded data is viewed in order to form a mental model of that data

Data

Ah HA ! !We look atthat picture

and gaininsight

Information visualization

DataData

Ah HA ! !We look atthat picture

and gaininsight

Information visualization

Ah HA ! !Ah HA ! !We look atthat picture

and gaininsight

Information visualization

Page 7: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.7

(a)

Figure 1.7(a) A table associated with the exploration of potentially useful drugs may involve many rows corresponding to compounds and fourteen columns associated with specific properties. Gaining insight into such a table is difficult

Page 8: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.8

(b)

Figure 1.7(b) The visual encoding of the table data can enhance understanding. In this example a property ‘ID’ is plotted against ‘Assay1’. Colour and shape both encode the passing or failure of a purification test, and size encodes molecular weight. Identification of one compound reveals its molecular structureSource: Courtesy of Spotfire Inc.

Page 9: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.9

Treatments

A B C D E F G

1

2

3

4

5

6

7

8

9

10

Crops10

A D C E G B F

1

3

8

2

6

4

7

9

5

Treatments

Crops

Rearrange

Figure 1.8 An example of a simple rearrangement of the representation of data that can lead to insightSource: Courtesy of Bob Waddington

Page 10: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.10

Treble

Bass

Figure 1.9 Circle size encodes the influence of components on the performance ofa circuit

Page 11: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.11

Figure 1.10 An interface permitting dynamic exploration of the effect of a component value on a circuit property

Page 12: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.12

Figure 1.11 A map showing the states of California and Nevada and the cities of Los Angeles and Reno, to illustrate the concept of ‘cognitive collage’

Page 13: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.13

Figure 1.12 Reconstruction from X-ray CT showing distance to bone (colour map on skin surface) of the Texas horned lizard and the Mexican horned lizardSource: DigiMorph.org; Courtesy Dr. Wendy Hodges and Dr. Timothy Rowe

Page 14: Spence, Information Visualization, 2 nd Edition, © Pearson Education Limited 2007 Slide 1.1 Figure 1.1 A redrawn version of Minard’s map showing some data.

Spence, Information Visualization, 2nd Edition, © Pearson Education Limited 2007

Slide 1.14

Figure 1.13 Incidence of the surname Spence by region of England, Scotland and Wales, in 1881 and 1998

1881 1998