informationsvisualisierung geometrische techniken [ws1011 ...silvia/wien/vu-infovis/pdf... · a...
TRANSCRIPT
![Page 1: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/1.jpg)
InformationsvisualisierungGeometrische Techniken
[WS1011 | VO.04 ]
TheresiaGschwandtner
22. 11. 2010
InfoVis 10/11 | VO.04 Theresia Gschwandtner 1
![Page 2: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/2.jpg)
Content VO.04
Scatterplots Parallel Coordinates Interactive Stardinates Influence Explorer + Prosection Matrix
InfoVis 10/11 | VO.04 Theresia Gschwandtner 2
![Page 3: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/3.jpg)
Scatterplots: Basic Idea
Visualizes a Relation (Correlation) between two Variables X and Y e.g., weight and height Individual Data Points are Represented in 2D
where axes represent the variables X on the horizontal axis Y on the vertical axis
in 3D in...
[Cleveland 1993]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 3
![Page 4: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/4.jpg)
Example: Scatterplot
House data: Price and Number of bedrooms User can identify global trends, local trade-offs and
outliners.
[Cleveland 1993]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 4
![Page 5: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/5.jpg)
Scatterplots: RelationshipNo relationship Strong linear (positive correlation)
Strong linear(negative correlation)
Exact linear(positive correlation)
http://noppa5.pc.helsinki.fi/koe/flash/corr/ch16.html
[Cleveland 1993]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 5
![Page 6: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/6.jpg)
Scatterplots: RelationshipQuadratic relationship Exponential relationship
Sinusoidal relationship (damped) Outlier
[Cleveland 1993]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 6
![Page 7: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/7.jpg)
Scatterplots: Relationship
Variation of Ydoesn't depend on X
(homoscedastic)
Variation of Ydoes depend on X(heteroscedastic)
[Cleveland 1993]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 7
![Page 8: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/8.jpg)
Scatterplots
More than two variables?
InfoVis 10/11 | VO.04 Theresia Gschwandtner 8
![Page 9: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/9.jpg)
Scatterplot: Conditioning Plot
One limitation of scatterplots is that it cannot show interaction effects with another variable
temperature: torque (Verdrillung von Polymeren) versus timeexponential - linear
[Cleveland 1993]
Purpose: Check pairwiserelationship between two variables conditional on a third variable
InfoVis 10/11 | VO.04 Theresia Gschwandtner 9
![Page 10: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/10.jpg)
3 D Data in the Box
[Cleveland 1993]
3 D Data Set of 50 Observations in the Box
Scatterplot Matrixof all pairwise Scatterplots
InfoVis 10/11 | VO.04 Theresia Gschwandtner 10
![Page 11: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/11.jpg)
Example: Cars
[Becker & Cleveland, 1996]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 11
![Page 12: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/12.jpg)
Example: m x m Scatterplots
m x m scatterplots Type (Compact, Large,
Medium, Small, Sporty, Van) Fuel Mileage (Laufleistung) Displacement (Hubraum) Weight
diagonal = same(m2 - m) left -right the same
(m2 - m)/2
[Becker & Cleveland, 1996]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 12
![Page 13: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/13.jpg)
Example: Cars - Scatterplots
InfoVis 10/11 | VO.04 Theresia Gschwandtner 13
![Page 14: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/14.jpg)
3 D Scatterplot plus Color
InfoVis 10/11 | VO.04 Theresia Gschwandtner 14
![Page 15: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/15.jpg)
Scatterplot & SDOF (1)
[Kosara, et al. 2001]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 15
Depth of field (DOF) in photography: which depth range to depict sharply Semantic depth of field (SDOF): blur objects based on their relevance
![Page 16: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/16.jpg)
Scatterplot & SDOF (2)
[Kosara, et al. 2001]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 16
![Page 17: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/17.jpg)
Summary Scatterplots Visualizes a relation between two variables: Trends Outliners
More than 2 variables: Conditioning Plot 3D Scatterplot Scatterplot Matrix
Visual encoding of additional attributes: Color SDOF Shape Size
InfoVis 10/11 | VO.04 Theresia Gschwandtner 17
![Page 18: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/18.jpg)
Content VO.04
Scatterplots Parallel Coordinates Interactive Stardinates Influence Explorer + Prosection Matrix
InfoVis 10/11 | VO.04 Theresia Gschwandtner 18
![Page 19: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/19.jpg)
Parallel Coordinates: Basic Idea
Assigns one Vertical Axis to each Variable Evenly spaces these axes horizontally Traditional Cartesian Coordinates
All axes are mutually perpendicular
Layout: k Parallel Axes
Axes to [min, max] Scaling individually for each variable
Polygonal Line Every data item corresponds to a polygonal line Intersects each of the axes at the point corresponding to
the value for the attribute [Inselberg and Dimsdale, 1990]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 19
![Page 20: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/20.jpg)
Parallel Coordinates
[http://www.math.tau.ac.il/~aiisreal/]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 20
![Page 21: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/21.jpg)
Parallel Coordinates
[Inselberg and Dimsdale, 1990]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 21
![Page 22: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/22.jpg)
A Detective Story
The Dataset:Production data for 473 batches of a VLSI chip. 16 process parameters: X1: The yield: % of produced chips that are usefulX2: The quality of the produced chips (speed)X3 - X12: 10 types of defects (zero defects shown at top)X13 - X16: 4 physical parameters
The Objective:Raise the yield (X1) and maintain high quality (X2)
[A. Inselberg, Multidimensional Detective, Proc. of IEEE Symposium on Information Visualization (InfoVis '97), 1997]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 22
![Page 23: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/23.jpg)
A Detective Story
Inselberg’s 1st Principle: Do not let the picture scare you![A. Inselberg: Multidimensional Detective, Proc. of IEEE Symposium on Information Visualization 1997]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 23
![Page 24: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/24.jpg)
A Detective Story
Inselberg’s 2nd Principle: Understand your objectives and use them to obtain visual cues!
Objectives: Maximize yield (X1) and Maximize quality (X2)
Assumption: presence of defects (X3 - X12) hinder high yields and quality Derived goal: minimize defects!
InfoVis 10/11 | VO.04 Theresia Gschwandtner 24
![Page 25: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/25.jpg)
A Detective Story
Inselberg’s 3rd Principle: Carefully scrutinize the picture!
InfoVis 10/11 | VO.04 Theresia Gschwandtner 25
Selection: high yields + high quality
![Page 26: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/26.jpg)
A Detective Story
Inselberg’s 3rd Principle: Carefully scrutinize the picture!
InfoVis 10/11 | VO.04 Theresia Gschwandtner 26
Selection: high yields + high quality Notice:
separation at X15
![Page 27: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/27.jpg)
A Detective Story
Inselberg’s 3rd Principle: Carefully scrutinize the picture!
InfoVis 10/11 | VO.04 Theresia Gschwandtner 27
Selection: high yields + high quality Notice:
separation at X15 Notice: no
batches without X3 defects
![Page 28: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/28.jpg)
A Detective Story
InfoVis 10/11 | VO.04 Theresia Gschwandtner 28
No defects in 9 out of 10 defect types (only X3 defects) bad yields
No defects in 8 out of 10 defect types (X3 and X6 defects) includes best batch
Inselberg’s 4th Principle: Don’t believe your assumptions!
![Page 29: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/29.jpg)
A Detective StoryLooking now at X15 we see the separation is important lower values of this property end up in the better yield batches
29
Exploration of the data detection of characteristics of good batchesInselberg’s 5th Principle: You can’t be unlucky all the time!
InfoVis 10/11 | VO.04 Theresia Gschwandtner
![Page 30: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/30.jpg)
Problems with Parallel Coordinates
InfoVis 10/11 | VO.04 Theresia Gschwandtner 30
![Page 31: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/31.jpg)
Color in Parallel Coordinates
InfoVis 10/11 | VO.04 Theresia Gschwandtner 31
![Page 32: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/32.jpg)
Visualization of Correlation Discover the Correlation
InfoVis 10/11 | VO.04 Theresia Gschwandtner 32
![Page 33: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/33.jpg)
Correlation in Parallel Coordinates
InfoVis 10/11 | VO.04 Theresia Gschwandtner 33
Parallel Coordinates Scatterplot
[Yuan et al., 2009: Scattering Points in Parallel Coordinates]
![Page 34: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/34.jpg)
Problems with Parallel Coordinates
Correlations?
34
[Yuan et al., 2009: Scattering Points in Parallel Coordinates]
InfoVis 10/11 | VO.04 Theresia Gschwandtner
![Page 35: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/35.jpg)
Problems with Parallel Coordinates
Correlations?
35
Scatterplots:
[Yuan et al., 2009: Scattering Points in Parallel Coordinates]
InfoVis 10/11 | VO.04 Theresia Gschwandtner
![Page 36: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/36.jpg)
Scattering Points in Parallel Coordinates
InfoVis 10/11 | VO.04 Theresia Gschwandtner 36
[Yuan et al., 2009: Scattering Points in Parallel Coordinates]
![Page 37: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/37.jpg)
Common Extensions to Parallel Coordinates
Brushing Extension angular brushing smooth brushing General Extension histogram overlays detail on demand flexible layout
(removing/adding axes, reordering, flipping,...) [Hauser, Ledermann, Doleisch, 2002]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 37
![Page 38: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/38.jpg)
Angular Brushing of Extended Parallel Coordinates [Hauser, Ledermann, Doleisch, 2002]Watch: http://old.vrvis.at/via/research/ang-brush/ (QuickTime, 10.2 MB, 00:04:30)
![Page 39: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/39.jpg)
SpringView SpringView: Cooperation of Radviz and Parallel Coordinates
for View Optimization and Clutter Reduction[Bertini 2005] in: Proceedings of the Third International Conference on
Coordinated & Multiple Views in Exploratory Visualization (CMV’05)
InfoVis 10/11 | VO.04 Theresia Gschwandtner 39
![Page 40: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/40.jpg)
Parallel Coordinates: Software
XmdvTool (free)http://davis.wpi.edu/~xmdv/vis_parcoord.html
InfoScope (free limited version)http://www.macrofocus.com/public/products/infoscope.html
InfoVis 10/11 | VO.04 Theresia Gschwandtner 40
![Page 41: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/41.jpg)
InfoScope
Play around: http://www.macrofocus.com/public/products/infoscope.html
InfoVis 10/11 | VO.04 Theresia Gschwandtner 41
![Page 42: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/42.jpg)
InfoScopeA highly interactive tool with the following key characteristics: Overview of global relationships between objects:
Multiple views show the different aspects All views are highly interactive and tightly linked interactions in one view are reflected in all the others
Exploration: selection, details on demand (specific numeric values of attributes), dynamic queries by using range sliders
Take advantage of the human perceptual abilities to support the identification of outliers, patterns, and anomalies
InfoVis 10/11 | VO.04 Theresia Gschwandtner 42
![Page 43: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/43.jpg)
InfoScope: Multiple View Visualization overview & detail Selcting an item in the overview
navigates the detail view to the corresponding details.
Items are represented visually smaller in the overview. This provides context and allows direct access to details. [Brodbeck & Girardin 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 43
![Page 44: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/44.jpg)
Parallel Coordinates Benefits & Limitations
+ Represent data greater than three dimensions+ Opportunities for human pattern recognition+ Flexibility: each coordinate can be individually scaled+ Zooming in or out: effectively brushing out or
eliminating portions of the data set
- As the number of dimensions increases, the axes come closer to each other, making it more difficult to perceive patterns
- Huge sets of data- Ordering of axes- Representation of complex relations
InfoVis 10/11 | VO.04 Theresia Gschwandtner 44
![Page 45: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/45.jpg)
Summary Parallel Coordinates Representation:
k-dimensional data items on k Parallel Axes each data item (point in k-dimensional space) corresponds to a
polygonal line Efficiency:
Visual exploration of complex multidimensional data Interactions:
Brushing (angular, smooth) Detail on demand Flexible layout (e.g., removing, reordering, flipping axes)
Combinations with other visualization methods: Histogram overlays Scatterplots [Yuan et al., 2009: Scattering Points in Parallel Coordinates] SpringView: combination of Parallel Coordinates and Radviz InfoScope: multiple, interaktive, linked views (PC, maps, tables)
InfoVis 10/11 | VO.04 Theresia Gschwandtner 45
![Page 46: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/46.jpg)
Parallel Coordinates Everywhere
[http://images.google.com]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 46
![Page 47: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/47.jpg)
Content VO.04
Scatterplots Parallel Coordinates Interactive Stardinates Influence Explorer + Prosection Matrix
InfoVis 10/11 | VO.04 Theresia Gschwandtner 47
![Page 48: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/48.jpg)
The Interactive Stardinates
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 48
![Page 49: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/49.jpg)
The Interactive Stardinates
‘Stars and Coordinates‘ Axes, scales, labels Data lines, data bundles Pre-attentive features: Shape Size Relative position Diversity and accumulation of lines [Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 49
![Page 50: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/50.jpg)
Different Levels of DetailQuery slider
for Interactive exploration Create / investigate hypotheses
Small multiples for overview visualization
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 50
![Page 51: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/51.jpg)
The Interactive StardinatesDepression Weight/BMI Therapy Progr. Fam.Sit./P Fam.Sit./M Fam.Sit./F
Patie
ntData Bundle
Melanie
Ria
Anna
Alice
Lea
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 51
![Page 52: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/52.jpg)
Interactions
Exploration, Analysis, and Understanding of MeaningA process of interactions on different levels of details Graphical Object Operation Scheme
Manipulating: the Axes the Data Line one Stardinate all Stardinates at once
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 52
![Page 53: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/53.jpg)
LinkStar
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 53
![Page 54: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/54.jpg)
Linking & Brushing
[Lanzenberger, 2003]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 54
![Page 55: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/55.jpg)
Stardinates: Benefits & Limitations
+ Visualize overviews very effectively (differences, similarities)
+ Capable of visualizing data of high complexity+ Human cognition of pre-attentive features: distinctive
shapes, size, relative position, diversity and accumulation of lines
+ Decompose complexity+ Allow for different levels of details with consistent
visualization metaphors
- Data lines cover each other- Limited number of dimensions- Limited number of Stardinates- Arrangement of axes
InfoVis 10/11 | VO.04 Theresia Gschwandtner 55
![Page 56: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/56.jpg)
Summary Stardinates Representation: Similar to Parallel Coordinates but axes are arranged to
form a star Efficiancy: Overviews of data of high complexity
Interactions: Query slider Brushing Different levels of detail (detailed stardinate, small
multiples) Combinations with other visualization methods: LinkStar: combination of Stardinates and Parallel
Coordinates
InfoVis 10/11 | VO.04 Theresia Gschwandtner 56
![Page 57: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/57.jpg)
Content VO.04
Scatterplots Parallel Coordinates Interactive Stardinates Influence Explorer + Prosection Matrix
InfoVis 10/11 | VO.04 Theresia Gschwandtner 57
![Page 58: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/58.jpg)
Influence Explorer Application Domain: Engineering Design (e.g., light bulb designs) Precalculated data: mathematical models of the relationship between
parameters (physical nature) of an artifact and it’s performances Histograms: Performances (e.g., bulb’s brightness, lifetime) left,
parameters (e.g., number of coils in filament, thickness of filament) right Mission: Optimize the artifact ‘s performance by specifying the tolerance
range of the parameter variables
[Tweedie et al. 1995/1996]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 58
![Page 59: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/59.jpg)
Influence Explorer
[Tweedie et al. 1995/1996]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 59
![Page 60: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/60.jpg)
Influence Explorer [Tweedie et al. 1995/1996] Externalizing Abstract Mathematical ModelWatch: http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_vo_ws09/
(QuickTime, 67 MB, 00:06:44)
![Page 61: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/61.jpg)
Influence Explorer
Exploration: Moving sliders (defining limits) -> identification of
„trade-offs“ Detail on demand per mouse-click Circle on the histogram scale indicates the mean
of currently selected designs Connection of all values of the same design ->
parallel coordinates Color coding of suitable designs
InfoVis 10/11 | VO.04 Theresia Gschwandtner 61
![Page 62: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/62.jpg)
The Prosection Matrix
Alternative perspective of the same precalculateddata
Prosection : a Projection of a section
[Tweedie & Spence 1998; Spence 2001]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 62
![Page 63: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/63.jpg)
The Prosection Matrix
Design of a chair seat A design is represented
by a point in Area-Thickness space Various performance
limits restrict the range of possible designs
[Tweedie & Spence 1998; Spence 2001]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 63
![Page 64: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/64.jpg)
The Prosection Matrix
Problem: We don’t know where the green area is located Moreover, there are typically many parameters (not 2) and
many performance limits
Solution? Either iterative search
(human, automated or mixed) or generation of data to visualise.
[Tweedie & Spence 1998; Spence 2001]
64InfoVis 10/11 | VO.04 Theresia Gschwandtner
![Page 65: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/65.jpg)
Color Coding
Tolerance Region
Satisfied all limits
Satisfied all the performance limits,but outside one parameter limit= not manufactured
Fail one or more performance limits,but manufactured
Fail one performance limits,but manufactured
Fail one or more performance limits,not manufactured
Parameter limits vs.Performance limits
[Tweedie & Spence 1998; Spence 2001]
InfoVis 10/11 | VO.04 Theresia Gschwandtner 65
![Page 66: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/66.jpg)
The Prosection Matrix
A difficult cognitive problem is eased by a simple perceptual task Color Coding: customer’s
requirements on performance (different limits) yes: red or green no: black, dark gray, light
gray, and white Yield enhancement:
adjusting the tolerance-box (parameters) to the red points (useful performance) [Tweedie & Spence 1998; Spence 2001]
Tolerances on parameter values
InfoVis 10/11 | VO.04 Theresia Gschwandtner 66
![Page 67: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/67.jpg)
Prosection Matrix [Tweedie & Spence 1998] A Tool to Support the Interactive Exploration of Statistical Models and Data
Watch: http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_vo_ws09/(QuickTime, 28.6 MB, 00:02:53)
![Page 68: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/68.jpg)
Summary Prosection Matrix
Application Domain: Engineering Design Representation: Set of scatterplots arranged in a matrix m dimensional data sets: each scatterplot relates
to a pair of parameters Color Coding: customer’s requirements on
performance Yield enhancement: fitting the parameter
tolerance-box to the region of good performance with maximum overlap Problem: Color Coding (Red Optimal Values)
InfoVis 10/11 | VO.04 Theresia Gschwandtner 68
![Page 69: Informationsvisualisierung Geometrische Techniken [WS1011 ...silvia/wien/vu-infovis/PDF... · A highly interactive tool with the following key characteristics: Overview of global](https://reader034.vdokument.com/reader034/viewer/2022042314/5f01e1627e708231d4017cf2/html5/thumbnails/69.jpg)
Thanks to ...
Silvia Miksch, Monika Lanzenberger, Markus Rester, and Marti Hearst
...for making nice slides of previous classes available
InfoVis 10/11 | VO.04 Theresia Gschwandtner 69