Deok Gun Park introduction

1. Human Data Interaction
Deok Gun Park
HCIL, University of Maryland

2. Who are you?
ABOUT ME

3. About Speaker
Machine learning
• Statistical analysis
• Recommender system
• Collective intelligence
• Information Retrieval
UI
• Interaction Design
• Usability
• Making things simple
& intuitive
Viz
• Web visualization
• Sense making over
big data using visual
pattern matching
Intuinno means intuitive innovation

4. Previous Works
Projects Proposals

5. • Muscleman
– https://www.youtube.com/watch?v=dS8F07O_Gls&lis
t=UUohTc2KF07e3yqgZR2kxVZA&index=10
• Touch and Play
– https://www.youtube.com/watch?v=MXMKEKdxm74
&list=UUohTc2KF07e3yqgZR2kxVZA
• AirBeat
– https://www.youtube.com/watch?v=xaOoHCL2a5w&li
st=UUohTc2KF07e3yqgZR2kxVZA&index=12

6. Visualization of Business Transaction Data
PARALLELSPACES

7. User A User B User C User D User E
Movie 1 1 1 4
Movie 2 4 2 3 3 5
Movie 3 1 1
Movie 4 2 4 1 1
Movie 5 3 3 2 4
1
4
5
2
3
A
B D
E
C
User E
Age 32
Job Writer
Gender Femaie
Zip Code 47906
Average
3.4
Review
Number of
Reviews
57
Movie 1
Release
Date
1978
Average
Review
4.3
Number of
Reviews
345
Demo

8. Toy story (1995)
Scream (1996)
Similarity
Location
Age

9. 19, M, Student
51, M, Educator
Similarity
Release Date
Average Review

10. VisDock Toolset
User Space
Axis Selection Menu
Configuration for
Contour plot and Selection
Movie Space

11. 5
4
3
2
1
Efficiency Ease of use Enjoyability
MovieVis
YelpVis
YelpVis - Not familiar Users
YelpVis - Familiar Users

12. Generalization of Scatterplots for Nominal Variables
GATHERPLOTS

13. Demo

14. Guided Walkthrough
Discussion Board
Plot comparison
Basic Control

15. Device Independent Multi-Window using Synchronous Universal Model
DIMSUM

16. Goal - What?
DIMSUM? (Device Independent Multi-window using Synchronized Universal Model)
Web App DIMSUM
Browser Chrome Firefox Firefox IE
OS Mac Android Windows
Hardware Desktop Tablet Laptop
User A (US) B (Asia)
Non-homogenous
User A in US with multiple devices User B in Asia with multiple devices
Work collaboratively in real-time

17. Background – Why?
• Multi-window
• Multi-display
• Nonhomogeneous
Devices
– Tablet, Tabletop,
smartphone, wall
• Collaborative visual
analytics
• Is web ready for this?

18. Method – How?
Global Variables
Global Constant
Local Variables
Program Binary
Cloud-based Database server
Real-time Synchronization (FireBase)
Global Variables
Global Constant
Local Variables
Program Binary
Global Variables
Global Constant
Local Variables
Program Binary
Static File
One time delivery of identical
executables (html + javascript)
Static Web server
MVC framework at Internet Scale
Demo

19. Talking about Visualization
VISTALK

20. News
Social Bookmark
Visualizatio
n
Social
Network
Service
(Twitter)
VisTwit
VisTwit Layer

21. 21