data+dataset types/semantics tasks -...
TRANSCRIPT
![Page 1: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/1.jpg)
© Munzner/Möller/Sedlmair
Data+Dataset Types/Semantics Tasks
VisualizationMichael Sedlmair
![Page 2: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/2.jpg)
© Munzner/Möller/Sedlmair
Reading• Munzner, “Visualization Analysis and Design”:
– Chapter 2+3 (Why+What+How) • Shneiderman, “The Eyes Have It: A Task by Data
Type Taxonomy for Information Visualizations,” IEEE Symposium on Visual Languages, 1996
• Heer+Shneiderman, “Interactive Dynamics for Visual Analysis,” Communications of the ACM 2012.
• Amar et al., “Low-level components of analytic activity in information visualization,” InfoVis 2005.
• Brehmer+Munzer, “A Multi-Level Typology of Abstract Visualization Tasks,” InfoVis 2013.
2
![Page 3: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/3.jpg)
© Munzner/Möller/Sedlmair
Further Reading• Schroeder et al, “The Visualization Toolkit: An
Object-Oriented Approach to 3D Graphics” (4th ed): – Chapter 5 (Basic Data Representation)
• Nielson et al, “Scientific Visualization”: – Chapter 3 (A Survey of Grid Generation
Methodologies and Scientific Visualization Efforts)
• Stevens, “On the Theory of Scales of Measurement,” Science, 1946
3
![Page 4: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/4.jpg)
© Munzner/Möller/Sedlmair
Data/set types+semantics Tasks
• What — Data abstraction – Data types
• categorical, ordinal, quantitative – Dataset types
• Tables • Networks/graph (trees) • Text / logs • Fields • Static file vs. dynamic stream
– Attribute + dataset semantics • Spatial vs. non-spatial • Temporal vs. non-temporal • Keys vs. values • Continuous vs. discrete • Topology vs. geometry
– Derived attributes / spaces • Why+How —Task abstraction
4
![Page 5: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/5.jpg)
Data types
![Page 6: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/6.jpg)
![Page 7: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/7.jpg)
![Page 8: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/8.jpg)
![Page 9: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/9.jpg)
© Munzner/Möller/Sedlmair
Semantics vs. type
• Semantics: real-world meaning of data • Type: abstract classification with
implications on – mathematical operations – data structure (how to store)
• Given semantics -- type will follow
9
![Page 10: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/10.jpg)
© Munzner/Möller/Sedlmair
Basic variable types
• Physical type – Characterized by storage format & machine
ops – e.g: bool, short, int, float, double, string, …
• Abstract type – Provide descriptions of the data – Characterized by methods / attributes – May be organized into a hierarchy
10
![Page 11: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/11.jpg)
© Munzner/Möller/Sedlmair
Data types• categorical (nominal)
apples, oranges, bananas • ordered
– ordinale.g. rankings: small, medium, large
– quantitativereal numbers
– sequential (interval) – diverging (ratios)
well defined zero point11
![Page 12: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/12.jpg)
© Munzner/Möller/Sedlmair
Quantitative• Q - Interval (location of zero arbitrary)
– Dates: Jan 19; Location: (Lat, Long) – Only differences (i.e., intervals) can be compared
• Q - Ratio (zero fixed) – Measurements: Length, Mass, Temp, ... – Origin is meaningful, can measure ratios &
proportions – Weight A is twice as heavy as weight B – doesn’t work for dates!
12
![Page 13: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/13.jpg)
© Munzner/Möller/Sedlmair
Hierarchies
• possible for any data type • sometimes strong implicit hierarchies • e.g. geography:
– postal code – city district – city – state – country – continent
13
![Page 14: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/14.jpg)
© Munzner/Möller/Sedlmair
Example - Time• has a strong (implicit) hierarchy:
– minute – hour – day – week – month
• can be seen as ordinal (entries in a diary) • can be seen as quantitative (timings in a race) • interval vs. ratio --
time-stamp vs. duration14
![Page 15: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/15.jpg)
Dataset types
![Page 16: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/16.jpg)
© Munzner/Möller/Sedlmair
Dataset types
• Tables • Networks/graph (trees) • Text / logs • Fields • Static file vs. dynamic stream
16
![Page 17: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/17.jpg)
© Munzner/Möller/Sedlmair
Tables
• each data item in a new row • each column contains an attribute
17
![Page 18: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/18.jpg)
Record / Item
![Page 19: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/19.jpg)
Field / Dimension /
Attribute
![Page 20: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/20.jpg)
1 = Quantitative2 = Nominal3 = Ordinal
![Page 21: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/21.jpg)
1 = Quantitative2 = Nominal3 = Ordinal
![Page 22: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/22.jpg)
© Munzner/Möller/Sedlmair
Networks / graphs• item = node • link between two items
= edge • e.g. social network:
people + friendships • both links+nodes can
have attributes • graphs can be
represented by 2 tables
22
Peter
Mary
Jon
DavidF
Alan
Joseph
BobJudy
Albert
DavidE
![Page 23: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/23.jpg)
© Munzner/Möller/Sedlmair
Types of graphs
• undirected graph vs. directed graph – edges do not/do have a direction
• DAG -- directed acyclic graphs • connected graphs • planar graphs • trees -- connected graph with no cycles
23
![Page 24: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/24.jpg)
© Munzner/Möller/Sedlmair
Text + logs
• text document: ordered set of words • document collection • bag of words • log files: designed for machine readability
24
![Page 25: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/25.jpg)
© Munzner/Möller/Sedlmair
Fields
• really continuous dataset • specified through grids (connectivity) • often connected to spatial data
25
![Page 26: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/26.jpg)
© Munzner/Möller/Sedlmair
Files vs. streams
• standard: static files • challenge today: dynamic streams
26
![Page 27: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/27.jpg)
Attribute + dataset semantics
![Page 28: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/28.jpg)
© Munzner/Möller/Sedlmair
Attribute+dataset semantics
• Spatial vs. non-spatial • Temporal vs. non-temporal • Continuous vs. discrete • Keys vs. values • Topology vs. geometry • …
28
![Page 29: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/29.jpg)
© Munzner/Möller/Sedlmair
Spatial vs. non-spatial / abstract
• implications on visual encoding • spatial
– geographic information – physical simulation – medical data (MRI, CT scan etc.) – strong constraints on visual layout
• non-spatial / abstract – network data – financial transactions – up to the visualization expert to choose a visual layout
29
![Page 30: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/30.jpg)
© Munzner/Möller/Sedlmair
Temporal / time-varying vs. Non-temporal / static
• time has a strong meaning to us as humans
• special consideration for visual encoding • time has a hierarchy • time periods/cycles very important • time-varying: time as quantitative • time-series: time as ordinal
30
![Page 31: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/31.jpg)
© Munzner/Möller/Sedlmair
Continuous vs. discrete
• data is almost always discrete -- we need to store it in discrete memory cells
• it’s really how we think about the data • categorical is always discrete • quantitative is continuous • care must be taken when making
discrete measurements continuous
31
![Page 32: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/32.jpg)
© Munzner/Möller/Sedlmair
Data vs. Conceptual Models
32
![Page 33: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/33.jpg)
© Munzner/Möller/Sedlmair
Data vs. Conceptual Models
• Data Model: Low-level description of the data – Set with operations, e.g., floats with +, -, /, *
• Conceptual Model: Mental construction – Includes semantics, supports reasoning
Physical Type Conceptual1D floats temperature3D vector of floats space
33
![Page 34: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/34.jpg)
© Munzner/Möller/Sedlmair
Example
• From data model... – 32.5, 54.0, -17.3, … (floats)
• using conceptual model... – Temperature
• to data type – Continuous to 4 significant digits (Q) – Hot, warm, cold (O) – Burned vs. Not burned (N)
34
![Page 35: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/35.jpg)
© Munzner/Möller/Sedlmair
Keys vs. values
• databases: key vs. value • statistics: independent vs. dependent
variable or attribute or dimension • computational science: inputs vs. outputs • implies a mapping
keys → values • keys used to look up values in a table • common keys: space + time
35
![Page 36: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/36.jpg)
© Munzner/Möller/Sedlmair
High-dimensional vs. multi-dimensional
• stats: high-dim (keys or values) • physics: multi-dim (mostly about keys) • implications:
– multi-dim: two to tens of dimensions – high-dim: no constraint, can be thousands
of dimensions
36
![Page 37: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/37.jpg)
© Munzner/Möller/Sedlmair
Multi-variate (about values)
• Number of values per key – 1: Univariate – 2: Bivariate – 3: Trivariate – >3: Hypervariate / Multi-variate
37
![Page 38: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/38.jpg)
© Munzner/Möller/Sedlmair
Spatial dimensions (keys)
• 1D: refers to a single ‘length’ scale (e.g. height)
• 2D: geographical information • 3D: medical / physics • time-varying:
– 1D+time – 2D+time – 3D+time
38
![Page 39: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/39.jpg)
© Munzner/Möller/Sedlmair
Spatial values
• Scalar data – mapping f:Rn→R, (x1,...,xn)→y – n independent variables (keys) xi (1D, 2D, or 3D,
+time) – value y is just univariate
• Example: – MRI data – 2D grey-scale image data
39
![Page 40: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/40.jpg)
© Munzner/Möller/Sedlmair
Spatial values
• Vector data – mapping f:Rn→Rm, (x1,...,xn)→ (y1,...,ym) – representing direction and magnitude – usually m=n – Exceptions, e.g., due to projection
• Example: – weather map (wind direction) – flow around airplane wings
40
![Page 41: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/41.jpg)
© Munzner/Möller/Sedlmair
Spatial values
• Tensor data – mapping f:Rn→Rm, (x1,...,xn)→ yi1,i2,…,ik – tensor of level k – a tensor of level 1 is a vector – a tensor of level 2 is a matrix, …
• Example: – diffusion-tensor MRI – stress-tensor, etc.
41
![Page 42: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/42.jpg)
© Munzner/Möller/Sedlmair
Topology vs. geometry
• Topology specifies the structure (connectivity) of the data
• Geometry specifies the position of the data
42
![Page 43: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/43.jpg)
© Munzner/Möller/Sedlmair
Topology vs. geometry• In topology, qualitative questions about
geometrical structures are the main concern – Does it have any holes in it? – Is it all connected together? – Can it be separated into parts?
• Underground map does not tell you how far one station is from the other, but rather how the lines are connected (topological map)
43
![Page 44: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/44.jpg)
© Munzner/Möller/Sedlmair
Topology
• Properties of datasets that remain unchanged even under different spatial layouts
Same geometry (vertex positions), different topology (connectivity)
44
![Page 45: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/45.jpg)
© Munzner/Möller/Sedlmair
Topological equivalence
• Things that can be transformed into each other by stretching and squeezing, without tearing or sticking together bits which were previously separated
topologically equivalent45
![Page 46: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/46.jpg)
© Munzner/Möller/Sedlmair
Grid types
• Grids differ substantially in the cells (basic building blocks) they are constructed from and in the way the topological information is given
scattered uniform rectilinear structured unstructured
46
![Page 47: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/47.jpg)
© Munzner/Möller/Sedlmair
Curvilinear grids
47
![Page 48: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/48.jpg)
© Munzner/Möller/Sedlmair
Unstructured grids
• Can be adapted to local features
48
![Page 49: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/49.jpg)
© Munzner/Möller/Sedlmair
Unstructured grids
• Can be adapted to local features
49
![Page 50: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/50.jpg)
© Munzner/Möller/Sedlmair
Hybrid grids
• Combination of different grid types
50
![Page 51: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/51.jpg)
© Munzner/Möller/Sedlmair
Data/set types+semantics Tasks
• Data abstraction – Data types – Dataset types – Attribute + dataset semantics – Derived attributes / spaces
• Task abstraction
51
![Page 52: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/52.jpg)
© Munzner/Möller/Sedlmair
Derived attributes
• the norm, not the exception • necessary for some of the tasks • simple transformations • statistical summaries of (lots of) data • e.g. scagnostics
52
![Page 53: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/53.jpg)
© Munzner/Möller/Sedlmair
Data/set types+semantics Tasks
• What — Data abstraction – Data types
• categorical, ordinal, quantitative – Dataset types
• Tables • Networks/graph (trees) • Text / logs • Fields • Static file vs. dynamic stream
– Attribute + dataset semantics • Spatial vs. non-spatial • Temporal vs. non-temporal • Keys vs. values • Continuous vs. discrete • Topology vs. geometry
– Derived attributes / spaces • Why+How — Task abstraction
53
![Page 54: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/54.jpg)
© Munzner/Möller/Sedlmair
Data/set types+semantics Tasks
• What — Data abstraction • Why + How — Task abstraction
– Shneiderman’s Mantra – Heer+Shneiderman: Visual Analysis tasks – Empirical Study: Amar+Eagan+Stasko – Typology: Brehmer + Munzner
• Why – consume / produce – search – query
• How – introduce – encode – facet – reduce
54
![Page 55: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/55.jpg)
Task Abstraction
[Meyer et al., MizBee: A Multiscale Synteny Browser, 2009]
![Page 56: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/56.jpg)
Shneiderman’s Mantra
![Page 57: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/57.jpg)
© Munzner/Möller/Sedlmair
Task Abstraction
57
• Overview: Gain an overview of the entire collection • Zoom: Zoom in on items of interest • Filter: filter out uninteresting items • Details-on-demand: Select an item or group and
get details when needed • Relate: View relationships among items • History: Keep a history of actions to support
undo, replay, and progressive refinement • Extract: Allow extraction of sub-collections and of
the query parameters[Shneiderman, 1996]
![Page 58: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/58.jpg)
© Munzner/Möller/Sedlmair
Shneiderman’s Visual Information Seeking Mantra
Overview first,zoom and filter,
then details-on-demand
58
[Shneiderman, 1996]
![Page 59: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/59.jpg)
Heer+Shneiderman: Visual analysis tasks
![Page 60: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/60.jpg)
[Heer+Shneiderman, 2012]
![Page 61: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/61.jpg)
Empirical Study: Amar+Eagan+Stasko
![Page 62: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/62.jpg)
© Munzner/Möller/Sedlmair
Task Abstraction
[Amar, Eagan, & Stasko, 2005]
62
![Page 63: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/63.jpg)
© Munzner/Möller/Sedlmair
1)Filter: Find data that satisfies conditions 2)Find Extremum: Find data with extreme values 3)Sort: Rank data according to some metric 4)Determine Range: Find span of data values 5)Find Anomalies: Find data with unexpected /
extreme values
[Amar, Eagan, & Stasko, 2005]
63
![Page 64: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/64.jpg)
© Munzner/Möller/Sedlmair
1)Filter: Find data that satisfies conditions 2)Find Extremum: Find data with extreme values 3)Sort: Rank data according to some metric 4)Determine Range: Find span of data values 5)Find Anomalies: Find data with unexpected /
extreme values
[Amar, Eagan, & Stasko, 2005]
64
![Page 65: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/65.jpg)
© Munzner/Möller/Sedlmair
1)Filter: Find data that satisfies conditions 2)Find Extremum: Find data with extreme values 3)Sort: Rank data according to some metric 4)Determine Range: Find span of data values 5)Find Anomalies: Find data with unexpected /
extreme values
[Amar, Eagan, & Stasko, 2005]
65
![Page 66: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/66.jpg)
Typology: Why? Brehmer + Munzner
[Brehmer+Munzner, 2013]
![Page 67: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/67.jpg)
© Munzner/Möller/Sedlmair
Why (Tasks!)
• Munzner has a hierarchy of – high-level: consume / produce – mid-level: search – low-level: query
67
![Page 68: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/68.jpg)
© Munzner/Möller/Sedlmair
Consume vs. produce
• Produce – help the user produce vis!
• Consume (most common) • present
– not just static (e.g. interactive graphics in newspapers / NY Times)
• discover – generation / verification of hypothesis
• enjoy – “casual” vis – e.g. Name Voyager (http://www.babynamewizard.com/voyager)
68
![Page 69: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/69.jpg)
© Munzner/Möller/Sedlmair
Search
69
![Page 70: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/70.jpg)
© Munzner/Möller/Sedlmair
Query
• identify – refers to a single target
• compare – refers to two or multiple targets
• summarize – refers to whole set of targets
70
![Page 71: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/71.jpg)
Typology: How? Brehmer + Munzner
[Brehmer+Munzner, 2013]
![Page 72: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/72.jpg)
© Munzner/Möller/Sedlmair
How (what interactions enable the tasks)?
• Munzner considers these categories of how to interact with visualizations: – encode – manipulate – introduce
72
![Page 73: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/73.jpg)
© Munzner/Möller/Sedlmair
Encode
• through channels and marks • e.g. color, shapes, size, position etc. • e.g. different visual encodings of a graph:
73
![Page 74: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/74.jpg)
© Munzner/Möller/Sedlmair
Manipulate
• Similar to existing taxonomies: – select – navigate – arrange – change – filter – aggregate
74
![Page 75: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/75.jpg)
© Munzner/Möller/Sedlmair
Introduce• annotate
– with text label etc. (classification) – acts as a new attribute
• import – new data items to be loaded
• derive • record
– screenshots, bookmarks, parameter settings, logs, etc. – graphical / use history – analytical provenance!
75
![Page 76: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/76.jpg)
Facets
![Page 77: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/77.jpg)
© Munzner/Möller/Sedlmair
How to use views?
• partition (side-by-side, simultaneously) • superimpose (multiple layers) • change (layout, encoding --> interaction) • select (demarcation, highlighting) • coordinate (brushing+linking, linking
views)
77
![Page 78: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/78.jpg)
© Munzner/Möller/Sedlmair
Partition
78
![Page 79: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/79.jpg)
© Munzner/Möller/Sedlmair
Linking (coordinate)
79
![Page 80: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/80.jpg)
© Munzner/Möller/Sedlmair
How to reduce?
• reduce (increase) number of elements shown – filter – aggregate – navigate (alter viewpoint, e.g. zooming,
detail-on-demand) – embed in a single view (focus+context)
80
![Page 81: Data+Dataset Types/Semantics Tasks - univie.ac.atvda.univie.ac.at/Teaching/Vis/16w/LectureNotes/04_data...Symposium on Visual Languages, 1996 • Heer+Shneiderman, “Interactive Dynamics](https://reader030.vdocument.in/reader030/viewer/2022040601/5e921520a6a2306079037f94/html5/thumbnails/81.jpg)
© Munzner/Möller/Sedlmair
Embed — fisheye lens
81