silvia miksch - software engineeringsilvia/linz/vu-infovis/pdf... · • the manufacturer of the...

8
© Silvia Miksch Part 0 Definitions of Information Visualization © Silvia Miksch Outline Motivation - Examples Definitions and Goals Knowledge Crystallization Exploration Techniques Visual Encoding Techniques • Summary © Silvia Miksch Example 1 – Multiplication Working Memory of Human Mind is Restricted E.g. Mental Multiplication 317 x 432 634 9.510 126.800 137.944 No Problem! Piece of Cake! Yuk! No, thanks! 6 X 7 = ? 317 x 432 = ? But with pencil and paper: 42 © Silvia Miksch Example 2 – Taste E.g. Whisky-Tasting Glenfiddich The Balvenie (12 y.) [cite http://www.scotchwhisky.com] Taste is Very Abstract 10 Basic Tastes: Intensity: [0, 3] • Intensity – Wheel Chart – Points - Form a Polygon – Polygon‘s Properties Give Quick Access to the Represented Taste

Upload: others

Post on 26-Sep-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Part 0

Definitions ofInformation Visualization

© Silvia Miksch

Outline• Motivation - Examples

• Definitions and Goals

• Knowledge Crystallization

• Exploration Techniques

• Visual Encoding Techniques

• Summary

© Silvia Miksch

Example 1 – Multiplication

Working Memory of Human Mind is RestrictedE.g. Mental Multiplication

317 x 432634

9.510 126.800

137.944

No Problem!

Piece of Cake!Yuk! No, thanks!

6 X 7 = ?317 x 432 = ?But with pencil and paper:

42

© Silvia Miksch

Example 2 – Taste

E.g. Whisky-TastingGlenfiddich

The Balvenie (12 y.)[cite http://www.scotchwhisky.com]

• Taste is Very Abstract• 10 Basic Tastes: Intensity: [0, 3]• Intensity

– Wheel Chart– Points - Form a Polygon– Polygon‘s Properties Give

Quick Access to theRepresented Taste

Page 2: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Example 3 – Chemical Elements

Periodic Table

Structured and ClassifiedRepresentation of AllChemical Elements andTheir Properties

Predicted the Existence ofSeveral Elements BeforeThey Were Discovered

Invented by DimitriMendeleyev

Dimitiri Mandeleyev (1834-1907)colour-encodedmore colour-encoded

triangular versionby Emil Zmaczynski

spiral version3D versionby Timmothy Stowe

latest fashion

Perio

d

Main-Group

© Silvia Miksch

Final Example

The Challenger Disaster

January 27, 1986:US-Space ShuttleChallenger Explodes 72Seconds After Launch

Reason:Sealing-Rings in the RightBooster Were DamagedDue to Weather Conditions

Reliability-Problems ofthe so Called O-RingsWere Known

© Silvia Miksch

Final Example

The Challenger Disaster• The manufacturer of the boosters warned

NASA before launch that the expected coldtemperatures might be an extra risk.

• NASA did not see any correlation betweenthe failing of O-Rings and the temperatures.

• This was wrong!

• Edward R. Tufte showed that the risk wouldhave been obvious to NASA engineers if abetter visualization would have been used

[Tufte‘s Re-Visualization]

© Silvia Miksch

Final Example

Tufte‘s Re-Visualization

Page 3: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Final Example

Tufte‘s Re-Visualization

© Silvia Miksch

Outline• Motivation - Examples

• Definitions and Goals

• Knowledge Crystallization

• Exploration Techniques

• Visual Encoding Techniques

• Summary

© Silvia Miksch

Visualization: 3 Areas

VolumeVisualizationFlowVisualization ...

InformationVisualization

Scientific Visualization

© Silvia Miksch

• “Abstract” Data– Mostly No Inherent

Spatial Structure• nD• Prime Goals

– Visual Metaphor– User Interaction– Flexible Interaction

Mechanisms– Exploration, Analysis,

Presentation

• Data– Inherent Spatial Structure

• 2 or 3D / temporal• Prime Goals

– 3D-Rendering– Fast Rendering

– Exploration, Analysis,Presentation

Information vs. Scientific Visualization

Page 4: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Definitions ...

• Visualization– “the act or process of interpreting in visual terms or

of putting into visual form”• Information Visualization

– “the process of transforming data, information, andknowledge into visual form making use of humans’natural visual capabilities”

– “the computer-assisted use of visual processing togain understanding”

[Card, et al., 2000, Gershon, et al. 1998]

© Silvia Miksch

Definitions ...• Data

– “input signals to sensory and cognitiveprocesses”

• Information– “data with an associated meaning”

• Knowledge– “the whole body of data and information

together with cognitive machinery that peopleare able to exploit to decide how to act, to carryout tasks and to create new information”

[Schreiber, et al., 1999]

© Silvia Miksch

Data Exploration[Keim, 2001]

© Silvia Miksch

Visual Information Seeking Mantra

overview first, zoom and filter, then details-on-demandoverview first, zoom and filter, then details-on-demandoverview first, zoom and filter, then details-on-demandoverview first, zoom and filter, then details-on-demandoverview first, zoom and filter, then details-on-demandoverview first, zoom and filter, then details-on-demand

... 10 times ...

[Shneiderman, 1996]

Page 5: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

A Task by Data Type Taxonomy

• Tasks– Overview– Zoom– Filter– Details-on-Demand– Relate– History– Extract

• Data Types– 1D– 2D– 3D– Temporal– Multi-D– Tree– Network

[Shneiderman, 1996]

© Silvia Miksch

Goals • To Ease Understanding and to Facilitate

Cognition

• To Promote a Deeper Level ofUnderstanding of the Data UnderInvestigation

• To Foster New Insight into the UnderlyingProcess

© Silvia Miksch

Goals[Keim, 2001]

© Silvia Miksch

Outline• Motivation - Examples

• Definitions and Goals

• Knowledge Crystallization

• Exploration Techniques

• Visual Encoding Techniques

• Summary

Page 6: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Knowledge Crystallization 1The Task

You want to buy a new Computer!But where?Which Model?Aaaargh... HELP!

SolutionWhat do you do?>> Knowledge Crystallization <<

© Silvia Miksch

Knowledge Crystallization 2• Information Foraging

Collect information about the task, i.e.:ArticlesTestsAdvertisingetc.

... about computers

© Silvia Miksch

Knowledge Crystallization 3• Search for a Schema

Identify attributes of computers you want touse for comparison, e.g.:

MHzRAMDisc-SpaceCD-Rom/DVD-Rom SpeedBrandWarrantyor even color?

© Silvia Miksch

Knowledge Crystallization 4• Instantiate Schema

Make a tableList computers and their attributes

Info that does not fit into schema:if not essential -> removeif essential -> go to step two and find better schema

in general: remove redundant information

Page 7: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Knowledge Crystallization 5• Problem-Solving / find trade-off

Set priorities in the features you wantRe-order the columns and rows of your table,respectivelyRemove Computers that are already out ofthe running

© Silvia Miksch

Knowledge Crystallization 6• Search for a more compact schema

Simplify your trade-offE.g., group the Computers regarding to attributesyou are interested inRemove all these Computers but the best one ortwo in each group

© Silvia Miksch

Knowledge Crystallization 7• Communicate found pattern or act resp.

You found a pattern in your input data i.e. you found a compromise or several alternatives

Bring it in a more „crystallized“ form of representationUse this representation to communicate your result toothers...... or to make a decision on your ownYour task is solved

Cheers!

© Silvia Miksch

Knowledge Crystallization

TASK

FORAGEfor DATA

SEARCHfor SCHEMA

INSTANTIATESCHEMA

PROBLEME-SOLVE

AUTHOR,DECIDEor ACT

Page 8: Silvia Miksch - Software engineeringsilvia/linz/vu-infovis/PDF... · • The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an

© Silvia Miksch

Facilitation of Cognition• There are six ways how visualization can

facilitate cognitionBy increasing the memory and processing resourcesavailable to the userBy reducing the search for informationBy using visual representations to enhance thedetection of patternsBy enabling perceptual inference operationsBy using perceptual attention mechanisms formonitoringBy encoding information in a manipulable medium

[Card, Mackinlay & Shneiderman 1999]

© Silvia Miksch

Outline• Motivation - Examples

• Definitions and Goals

• Knowledge Crystallization

• Exploration Techniques

• Visual Encoding Techniques

• Summary