41
Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National Academy of Sciences Workshop March 3-4, 2005, Washington, DC

Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

Embed Size (px)

Citation preview

Page 1: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

Visualizing Uncertainty:Computer Science Perspective

Ben Shneiderman, Univ of Maryland, College Park

Alex Pang, Univ of California, Santa Cruz

National Academy of Sciences Workshop

March 3-4, 2005, Washington, DC

Page 2: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National
Page 3: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

What do we mean by uncertainty?

Why is this an issue now?

Page 4: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 4

Sources of uncertainty

Measurement problems Ranges/SummariesMissing dataHuman ratingsPotential deceptionsPrivacy protectionRisk assessmentsForecasts

Scientific data Intelligence sources Statistical analyses Medical images Gene expression Simulations Financial models Weather Consumer ratings

Page 5: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 5

Visualizations

Text, statistical measures…

1D: Lists, documents, numeric ranges… 2D: Geographic Info 3D: Scientific Visualization

Multi-Variate: Information Visualization Temporal: Patient histories, web logs … Tree: Taxonomies, org charts, directories … Network: Social, communication…

Info

Viz

S

ciV

iz

Page 6: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 6

Text: Statistical uncertainty

Text

1D 2D 3D

Multi-V Temporal Tree Network

Frustration (N=372)

Time Variables

Time Lost (Incident) **.293

Time to Fix (Incident) **.233

Computer Years -.041

Hours per Week *-.124

* = p<.05 ** = p<.01

Poll Dems Reps

Bush 14% 81%

Kerry 79% 7% Margin of error +/- 3%

Rain inches

Reliability

SW 1.0 low

SE 1.5 high

NW 1.2 low

NE 0.8 med

Page 7: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 7

Risk/Danger vs. Trust/Validity/Security

Text

1D 2D 3D

Multi-V Temporal Tree Network

Risk

Municipal

Bonds

low

Blue Chip

Stocks

med

Tech

Stocks

high

Real Estate med

TerrorThreat levels

Highly About HighlyUnlikely Unlikely Even Likely Likely

Page 8: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 8

1D: Ranges, variations & forecasts

Text

1D 2D 3D

Multi-V Temporal Tree Network

Page 9: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 9

2D: Ball glyphs Delta (observation - forecast)

http://www.cse.ucsc.edu/research/slvg/assim.html

Text

1D 2D 3D

Multi-V Temporal Tree Network

Page 10: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 10

2D: Arrow glyphs (Direction & velocity)

http://www.cse.ucsc.edu/research/avis/unvis.html

Page 11: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 11

2D: Box glyphs

Schmidt et al., 2004, Underwater Environmental Uncertainty, IEEE CG&Ahttp://csdl.computer.org/comp/mags/cg/2004/05/g5056abs.htm

Page 12: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 12

2D: Grid with transparency/shading

Lefevre, Pfautz & Joneshttp://ams.confex.com/ams/pdfpapers/82400.pdf

Page 13: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 13

Off-the-shelf softwarecan give incorrect contourson data with lots of missingvalues.

Modifications to contouring algorithmto account for largenumber of missingvalues.

2D: Isolines with missing values

Page 14: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 14

2D: Pseudocolor shows mean values

Luo, Kao & Pang, 2003, EuroVishttp://www.soe.ucsc.edu/~pang/op.pdf

Page 15: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 15

2D: Darkness = uncertainty (high stddev)

Mean = hueSkew = 1/saturationStddev= 1/value

Page 16: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 16

2D: Separate layer

http://www.cse.ohio-state.edu/~bordoloi/Pubs/pdfCluster.pdf

Page 17: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 17

2D: Streamlines with binwise +

Luo, Kao & Pang, 2003http://www.soe.ucsc.edu/~pang/op.pdf

Page 18: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 18

2D: Weather forecast

Page 19: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 19

2D: NOAA Storm Prediction Center

http://www.spc.noaa.gov/products/

Page 20: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 20

2D: Dual views & grid lines

(Cedlink & Rhenigas, 2000)(Howard & MacEachren, 1996)

Dark shows pollution Dark shows Certainty

Page 21: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 21

(MacEachren et al., 1998)

Dual maps for Rate and reliability

Bivariate color scheme Double hatch shows unreliable

Page 22: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 22

http://svs.gsfc.nasa.gov/vis/a000000/a000000/a000010/index.html

Gray shows missing & interpolated value, superior to using black only

Twiddy, R., Cavallo, J., and Shiri, S. 1994. Restorer: A visualization technique for handling missing data. IEEE Visualization 94, 212-216

2D: Gray for missing & interpolation

Page 23: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 23

Crisp molecular surfaceProbe radius 1.4

Fuzzy molecular surfaceProbe radius 1.4

Crisp molecular surfaceProbe radius 5.0

Fuzzy molecular surfaceProbe radius 5.0

3D: Fuzzy molecular surface: HIV protease

Lee & Varshney (2002), UM Graphics and Visual Informatics Lab

http://www.cs.umd.edu/gvil

Text

1D 2D 3D

Multi-V Temporal Tree Network

Page 24: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 24

3D: Fuzzy molecular densities

Page 25: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 25

3D: Uncertainty ‘dust’

Page 26: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 26

3D: Color & opacity

Page 27: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 27

Text

1D 2D 3D

Multi-V Temporal Tree Network

Multi-V: Database/spreadsheet tables

Page 28: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 28

Text

1D 2D 3D

Multi-V Temporal Tree Network

Multi-V: Database/spreadsheet tables

Page 29: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 29

Temporal: Granularity of time

Text

1D 2D 3D

Multi-V Temporal Tree Network

Page 30: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 30

Text

1D 2D 3D

Multi-V Temporal Tree Network

Temporal: Granularity of time

Page 31: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 31

Text

1D 2D 3D

Multi-V Temporal Tree Network

Time

Uncertainty

Hi

Med

Low

Temporal: Granularity of time

Page 32: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 32

Text

1D 2D 3D

Multi-V Temporal Tree Network

Temporal: Granularity of time

Page 33: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 33

Tree: Topology, values & names

Text

1D 2D 3D

Multi-V Temporal Tree Network

Certainty

Hi

Med

Low

Very Low

- Gene Ontology- Tree of Life- Medical Subject Heading (MeSH)- Chain of command/Org chart

Page 34: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 34

Tree: Topology, values & names

Text

1D 2D 3D

Multi-V Temporal Tree Network

Certainty

Hi

Med

Low

Capacity

Hi

Med

Low

Page 35: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 35

Tree: Topology, values & names

Text

1D 2D 3D

Multi-V Temporal Tree Network

Certainty

Hi Med Low

Leland or Lee

Mike or Michael

Alex or Alan

Barbara

Scott

Ben or Benjamin

Diane or Di

Ed or Edward or Eddie

Page 36: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National
Page 37: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 37

Network: Social relationship

Text

1D 2D 3D

Multi-V Temporal Tree Network

http://prefuse.sourceforge.net/demos-radial.html

Page 38: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 38J.A. Brown, McGregor A.J and H-W Braun.

Network: Communication capacity

Page 39: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 39

Text

1D 2D 3D

Multi-V Temporal Tree Network

Certainty

Hi

Med

Low

Flow

Hi

Med

Low

Capacity

Hi

Med

Low

Network: Node & edge uncertainty

Page 40: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 40

Explore novel approaches to: Text: standard terms, percent, probabilities Box plots, whiskers, ranges Uncertainty glyphs, isoclines,… Contours, surfaces, volume rendering Hue, saturation, value, focus, haze, dust,… Dual views, probes Animation, blinking, shaking, flipping,… Sound, haptics,…

Next steps

Page 41: Visualizing Uncertainty: Computer Science Perspective Ben Shneiderman, Univ of Maryland, College Park Alex Pang, Univ of California, Santa Cruz National

March 3-4, 2005NAS Workshop: Visualizing Uncertainty 41

Next steps Heighten awareness of the problem among

public, professionals, researchers & developers Support multi-valued data representation standards Explore techniques for each data type Develop guidelines for implementers:

– Data formats– Interactive interfaces– Visual presentations

Develop human performance evaluation methods Publish benchmark datasets & evaluation metrics Form guidelines for how to

propagate/integrate uncertainty markers