time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · connected...

53
Time

Upload: others

Post on 09-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Time

Page 2: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Complexity of Time

● Well known but hard to grasp● Different scales (min, days, weeks, years...)● Combination with already complicated

problems (maps, networks, nD-data.)

Page 3: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Gantt charts

Page 4: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Calendars

Page 5: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Heatmap

● Calendar data + numerical values

+ Row and column effects+ Easy look up+ Space efficient

- Precise value comparison

Page 6: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

3D heatmap matrix

Van Wijk, Jarke J., and Edward R. Van Selow. "Cluster and calendar based visualization of time series data." Information Visualization, 1999.(Info Vis' 99) Proceedings. 1999 IEEE Symposium on. IEEE, 1999.

Page 7: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Stream Graph● Multiple quantiative values

over time

+ Accumulated values+ Relative values

- Comparison across time is hard

- Hard to assess individual values

Page 8: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Dual-Scale Data Charts

https://ieeexplore.ieee.org/stamp/stamp.jsp?arnumber=6065014

Page 9: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Radial time visualizations

Page 10: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Stackflow

Viégas, Fernanda B., Martin Wattenberg, and Kushal Dave. "Studying cooperation and conflict between authors with history flow visualizations." Proceedings of the SIGCHI conference on Human factors in computing systems. ACM, 2004.

Page 11: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Flow Diagram

Page 12: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Train Plans

Page 13: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Connected Scatterplot

Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot for presenting paired time series." IEEE Transactions on Visualization & Computer Graphics 1 (2016): 1-1.

Page 14: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Time Curves

Bach, Benjamin, et al. "Time curves: Folding time to visualize patterns of temporal evolution in data." IEEE transactions on visualization and computer graphics 22.1 (2016).

Page 15: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Time Curves

Page 16: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Time Curves

+ Amount of change+ Signatures+ Comparision

- Details- Artifacts due to

projection

Page 17: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Spatio-Temporal

Page 18: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Charles Joseph Minard (1781-1870)

Page 19: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Wind Map

http://www.bewitched.com/windmap.html http://hint.fm/wind/

Page 20: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Flow Diagram Small Multiples

Page 21: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Space-Time Cubes

Page 22: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Space-Time Cubes

Bach, Benjamin, et al. "A Descriptive Framework for Temporal Data Visualizations Based on Generalized Space‐Time Cubes." Computer Graphics Forum. Vol. 36. No. 6. 2017.

Page 23: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Space-Time Cubes

Page 24: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Space-Time Cubes

Page 25: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Spatial patterns

https://gis.stackexchange.com/questions/202882/create-space-time-cube-in-arcgis-for-desktop

Page 26: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

TrajectoryWall

Andrienko, G., Andrienko, N., Schumann, H., & Tominski, C. (2014). Visualization of trajectory attributes in space–time cube and trajectory wall. In Cartography from Pole to Pole (pp. 157-163). Springer, Berlin, Heidelberg.

Page 27: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Visits

Page 28: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

+ Compare regions+ Look-up regions+ Details on regions

- Occlusion

Page 29: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

https://vita.had.co.nz/papers/glyph-maps.pdf

Glyph Maps

Page 30: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Geo-flow

+ Compare regions+ Look-up regions+ Details on regions

- Compare far away glyphs - Glyphs can become small

Page 31: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Trees

Page 32: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Node-link Diagram

+ Show many levels+ Compre branch length

- Requires space

Page 33: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Treemap

+ Space-filling+ Relative size encoding+ Space for additional

encoding

- Level comparison- Precise area comparison- Can't show many levels

Page 34: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

TreeVis.net

Page 35: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Networks

Page 36: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Node-link Diagram

Directed Link

Multiple Links

Link Types

Node type

Weighted link

Page 37: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot
Page 38: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot
Page 39: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Dunne, Shneiderman: ''Motif Simplication”, 2014

Page 40: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Arc Diagram

+ Node ordering+ Node groups

- Requires meaningful ordering- Does not scale with density

Wattenberg, Martin. "Arc diagrams: Visualizing structure in strings." Information Visualization, 2002. INFOVIS 2002. IEEE Symposium on. IEEE, 2002.

Page 41: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot
Page 42: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot
Page 43: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Node Link

Matrices

Page 44: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Adjacency Matrix

+ Path finding / following+ Outliers+ Disconnected components (if sparse)

+ Clusters+ Missing links in clusters+ Highly connected nodes

=> Sparse networks => Dense networks

Page 45: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Matrix Cells

Alper, Basak, et al. "Weighted graph comparison techniques for brain connectivity analysis." Proceedings of the SIGCHI conference on human factors in computing systems. ACM, 2013.

Page 46: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Matrix Cells

Henry, N., Fekete, J. D., & McGuffin, M. J. (2007). NodeTrix: a hybrid visualization of social networks. IEEE transactions on visualization and computer graphics, 13(6), 1302-1309.

Page 47: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Networks and Sets

Riche, N. H., & Dwyer, T. (2010). Untangling euler diagrams. IEEE Transactions on Visualization and Computer Graphics, 16(6), 1090-1099.

Page 48: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Jigsaw

Stasko, J., Görg, C., & Liu, Z. (2008). Jigsaw: supporting investigative analysis through interactive visualization. Information visualization, 7(2), 118-132.

Page 49: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Pivot Graphs

Wattenberg, M. (2006, April). Visual exploration of multivariate graphs. In Proceedings of the SIGCHI conference on Human Factors in computing systems (pp. 811-819). ACM.

Page 50: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Jigsaw

Page 51: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Choosing a Visualization?

Page 52: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Criteria

- How many dimensions does my data set have?

- What is my task?- What is the information in need?- How large/dense is my data?

Page 53: Time - wp.inf.ed.ac.ukwp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/... · Connected Scatterplot Haroz, Steve, Robert Kosara, and Steve Franconeri. "The connected scatterplot

Finding a trade-off

PowerFamiliarity

One Vis Multiple Vis

Detail Overview

Interaction Staticness