Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random...
Transcript of Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random...
![Page 1: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/1.jpg)
Glyph-based Visualization:Design Considerations and Challenges
Johannes KehrerUniversity of Bergen &
Vienna Univ. of Technology
![Page 2: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/2.jpg)
How to design a successful Glyph?
Some visual channels are more dominant
Some can be compared more accurately
Johannes Kehrer 2
position length slope
angle
area volume saturation
[Ware 04]
[Cleveland&McGill 84]
![Page 3: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/3.jpg)
Challenges in Glyph Design
integral pairs
separable pairs
red-green yellow-blue
width height
size orientation
color shape
color motion
color location[Ware 04]3
![Page 4: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/4.jpg)
Design Considerations
Johannes Kehrer 4
[Ward 02/08, Ware 04, Ropinski et al. 08/11, Lie et al. 09, Maguire et al. 12]
![Page 5: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/5.jpg)
Visualization Space
Johannes Kehrer 5
Surface glyphs
Star glyphs
Chernoff faces Profile glyphs
2D 3D
[Meyer-Spradow et al. 08][Kindlmann&Westin 06]
Stick figures
![Page 6: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/6.jpg)
Complexity vs. Density
Johannes Kehrer 6
Local flow probe[de Leeuw&van Wijk 93]
Stick figures[Pickett&Grinstein 88]
Glyph packing[Kindlmann&Westin 06]
Helix glyphs[Tominski et al. 05]
dense & simple sparse & complex
![Page 7: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/7.jpg)
Complexity vs. Density
Johannes Kehrer 7
Local flow probe[de Leeuw&van Wijk 93]
Stick figures[Pickett&Grinstein 88]
Glyph packing[Kindlmann&Westin 06]
Helix glyphs[Tominski et al. 05]
dense & simple sparse & complex
Stick figures[Pickett&Grinstein 88]
attributes mappedto anglestexture patterns
![Page 8: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/8.jpg)
Complexity vs. Density
Johannes Kehrer 8
Local flow probe[de Leeuw&van Wijk 93]
Stick figures[Pickett&Grinstein 88]
Glyph packing[Kindlmann&Westin 06]
Helix glyphs[Tominski et al. 05]
dense & simple sparse & complex
Local flow probe[de Leeuw&van Wijk 93]
represent multiple flow propertiessparsely placed
![Page 9: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/9.jpg)
Hybrid Visualizations
Johannes Kehrer 9
Layering [Kirby et al. 99]
Arrow glyphs [Treinish 99]
![Page 10: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/10.jpg)
Data Enhancement
Data range [0, 1]ExponentiationInverse mapping
Johannes Kehrer 10
[Lie et al. 09]
![Page 11: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/11.jpg)
Gestalt principles: Simple & symmetric shapes facilitate perception of patterns [Ward 08, Peng et al. 04]
Simplicity & Symmetry
Johannes Kehrer 11
Complexity and symmetry-driven ordering
Random ordering
![Page 12: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/12.jpg)
Glyph Placement [Ward 02]
Johannes Kehrer 12
Data variables Principal components
variable a
varia
ble
b
PC1P
C2
![Page 13: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/13.jpg)
Colors
Symbol size
Perceptually Uniform Channels
Johannes Kehrer 13
Black-body radiationRainbow colormap Green-red isoluminant
power law transformation [Li et al. 10]
[Borland&Taylor II 07]
![Page 14: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/14.jpg)
Glyph Shapes [Ropinski et al. 11]
Basic glyph shapesbox, spere, torus, ellipsoid, etc.pre-attentive processing
Composite shapescombine basic shapes
Johannes Kehrer 14 Customized glyphs [Kraus&Ertl 01]
![Page 15: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/15.jpg)
Perceive each visual channel independently
Account for distortions (e.g., shapesize)
Orthogonality & Normalization
Johannes Kehrer 15
upper/lower shape +size +rotation +aspect ratio
[Lie et al. 09]
![Page 16: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/16.jpg)
Ellipsoid glyphs
Superquadric glyphs
View-point Independence
Johannes Kehrer 16 [Kindlmann 04]
differentviewpoint
8 tensors
8 tensors
differentviewpoint
![Page 17: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/17.jpg)
DirectionDiverging data
Sequential data
Intuitive Mapping based on Semantics
Johannes Kehrer 17
0°C
100°C
-100°C
neutral
bad
good
low
high
low
high
[Brewer 99, Stolte et al. 02]
Arrow glyphs [Crawfis&Max 93]
![Page 18: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/18.jpg)
Emphasize importantvariablesGuide the user‘sfocus of attention(e.g., color, size)
Importance-based Mapping
Johannes Kehrer 18
[Ropinski et al. 08]PET activity thickness
![Page 19: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/19.jpg)
Enhance Depth Perception
Halos/contours
Chroma depth[Toutin 97]
Johannes Kehrer 19
[Lie et al. 09]
![Page 20: Glyph-based Visualization - TU Wien...Star glyphs for a subset of the cars data set using a random dimension ordering and one based on shape analysis. More simple s\൨apes can be](https://reader033.fdocuments.in/reader033/viewer/2022041913/5e6865e0df6d8e1c302afa80/html5/thumbnails/20.jpg)
Summary
Just combining visual channels is not enoughDesign considerations (e.g., orthogonality, perceptually uniform channels, semantics)Glyph design restricted by perceptual limits
Johannes Kehrer 20