This document discusses interactive visualization and summarizes key points from an article on interactive dynamics for visual analysis. It outlines how interaction can support exploration of large datasets by enabling data and view specification, view manipulation, and recording analysis processes and provenance. Effective interactive visualizations allow users to explore data at their own pace, support overview first with zoom/filter capabilities, and facilitate comparison through coordinated/multiple linked views.
15. • Categorical/ordinal data
• radio buttons, checkboxes, scrollable lists,
hierachies, search boxes (with autocomplete)
• Ordinal, quantitative, and temporal data
• a standard slider (for a single threshold value) or a
range slider (for specifying multiple endpoints).
Filtering allows rapid and reversible
exploration of data subsets
15
20. Query controls can be further augmented with
visualizations of their own
20
21. Sorting enables popping up of
trends, clusters,…
• Choices in a toolbar
• Clicks on the header in a table
• Can be complicated in the case of multiple view
displays
21
25. Select items to hightlight, filter or
manipulate them
• Mouse clicks, free-form lassos, area cursors
(‘brushes’), mouse hovering, etc
• depends on the device
• Various expressive power
• selections of a collection of items
• selections as queries over the data (eg drawing
rectangle -> range query)
25
27. Select by slope and tolerance
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p.
30. hHp://queue.acm.org/detail.cfm?id=2146416 27
28. Mapping mouse gestures to query patterns
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p.
30. hHp://queue.acm.org/detail.cfm?id=2146416
28
29. Navigate to examine high-
mede patterns & low-level detail
• Overview first, zoom & filter, then details-on-demand
• Start with what you know, then grow
• Search, show context, expand on demand.
• Focus + Context
• Semantic Zooming
• Magical lenses
29
30. $
f con-
cation
n this
of the
zoom
what
isible,
e user
on the
more
rectly
3, for
ber of
dmark
Figure 4: Setting of the evaluation.
B. Vandeputte, E. Duval, and J. Klerkx. Interactive sensemaking in authorship networks. Proceedings of the ACM International
Conference on Interactive Tabletops and Surfaces, ITS11, pp. 246–247, 2011.
Overview first, zoom and filter, details on demand
30
31. B. Vandeputte, E. Duval, and J. Klerkx. Applying design principles in authorship networks-a case study. In CHI EA’12:
Proceedings of the 2012 ACM annual conference extended abstracts on Human Factors in Computing Systems, pages 741–
744, 2012. (https://www.youtube.com/watch?v=R5CeTEejdBA)
Start with what you know, then grow
Search, show context, expand on demand
31
35. Focus + Context
Semantic Zooming
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p.
30. hHp://queue.acm.org/detail.cfm?id=2146416 35
36. Magical Lenses
C. Tominski, S. Gladisch, U. Kister, R. Dachselt, and H. Schumann. A Survey on Interactive Lenses in Visualization. EuroVis State-of-the-Art Reports, Swansea, UK, Eurographics
Association, 2014.
36
38. C. Tominski, S. Gladisch, U. Kister, R. Dachselt, and H. Schumann. A Survey on Interactive Lenses in
Visualization. EuroVis State-of-the-Art Reports, Swansea, UK, Eurographics Association, 2014.
38
39. Coordinate views for linked, multi-
dimensional exploration
Enables seeing data from different perspectives
Multiple views can facilitate comparison
39
45. Organize multiple windows & workspaces
• Tiled approaches (different widgets) allows to see
all information and selectors at once, minimizing
distracting scrolling or window operations, while
enabling analysts to concentrate on extracting and
reporting insights.
• Layout organization tools will become decisive
factors in creating effective user experience
45
46. Orchestrate attention and mentally integrate patterns among views
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p.
30. hHp://queue.acm.org/detail.cfm?id=2146416
46
54. Annotate patterns to document
findings
Record, organize, and communicate insights gained
during visual exploration
54
55. Freeform graphical annotations without explicit tie to the
underlying data
Data-aware annotations
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p.
30. hHp://queue.acm.org/detail.cfm?id=2146416
55
57. Share views and annotations to
enable collaboration
Real-world analysis is very much a social process
that may involve multiple interpretations,
discussion, and dissemination of results.
57
60. Guide users through analysis tasks or
stories
• Incorporate guided analytics to lead analysts
through workflows for common tasks.
• Narrative visualization
60
64. Interactive Dynamics: Summary
Heer, J., & Shneiderman, B. (2012, February). Interac=ve Dynamics for Visual Analysis. Magazine
Queue - Microprocessors , 10 (2), p. 30. hHp://queue.acm.org/detail.cfm?id=2146416
64
65. Humans have advanced perceptual abilities
Humans have little short term memory
Externalize data by using interactive, visual encodings
Our brains makes us extremely good at recognizing visual patterns
Our brains remember relatively little of what we perceive
65
68. Beoordeling:
• Visualisatie & paper (“50-50”)
• Feedback aan andere groepjes in studio-sessies
• Belangrijk is blijk te geven van inzicht & concrete vaardigheden
https://onderwijsaanbod.kuleuven.be/2015/syllabi/n/H04I2AN.htm
68
70. Paper
• doel en doelpubliek
• dataset: oorsprong, eigenschappen, …
• verwant werk, web & literatuur
• visualisatie en interactie
• eventueel: opeenvolgende versies
• belangrijkste ontwerp-beslissingen (!)
• Discussie/outro: wat zou je anders doen, wat zou je extra doen
als je tijd had, wat heb je geleerd, …
• besluit
70
72. Paper
• max 8 pages
• max is niet min!
• incl. referenties, figuren, enz.
• (ook
• youtube (2-4 min) met voice-over
• max 10 screenshots)
• tussentijdse versies voor feedback
72
73. Tegen volgende les
(11 april)
• Individueel:
• Spreadsheet
• infovis van de “week”
• Team:
• Vervolg implementatie
• Blog post -> wat geleerd vandaag en hoe kan je dat
terugkoppelen naar project?
• Show-and-Tell - obv online visualisatie
• Wat kan je eruit afleiden?
• vooruitgang - problemen - planning - etc.
• Draft paper
73