Upload
krist-wongsuphasawat
View
105
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Informa(on Visualiza(on for Knowledge Discovery: An Introduc+on
Krist Wongsuphasawat Dept. of Computer Science & Human-‐Computer Interac+on Lab University of Maryland CP30 / Intania 87
University of Maryland, College Park Ò near Washington, DC
Where?
HCIL Ò Human-‐Computer Interac+on Lab Ò hKp://www.cs.umd.edu/hcil/
HCI Ò Human-‐Computer Interac+on Ò A discipline concerned with the analysis, design, implementa+on,
and evalua+on Ò of interac+ve compu+ng systems for human use
Design
Implementation
Evaluation
Analysis
Why HCI?
1950 2030 1990
Human Abilities
Computer Abilities
HCI Research Ò Devices
É Touch screen, e-‐Book Reader, Wii, Natal, Pen É Mobile Phone
Ò User Interfaces É for collabora+on, elderly, children, handicaps É Query, Zoomable É …
Ò Design Process Ò Evalua+on methods Ò Informa(on Visualiza(on (Info. Vis.) Ò Etc.
Imagina(on
MicrosoK Surface
Nintendo Wii
Project Natal
Mobile
Mobile
Amazon Kindle
Interna(onal Children Digital Library
GUI for elderly
Informa(on Visualiza(on
Challenges Ò Huge amount of data Ò How to understand and make use of it? Ò What ques+on to ask?
Example
Challenges Ò Iden+fy
É Trends É PaKerns É Outliers
Ò Goals É Communica+on É Discovery
The eye... the window of the soul, is the principal means by which the central sense can most completely and abundantly appreciate the infinite works of nature. Leonardo da Vinci(1452 -‐ 1519)
The eye... the window of the soul, is the principal means by which the central sense can most completely and abundantly appreciate the infinite works of nature. Leonardo da Vinci(1452 - 1519)
The eye... the window of the soul, is the principal means by which the central sense can most completely and abundantly appreciate the infinite works of nature. Leonardo da Vinci(1452 - 1519)
Gestalt Principles hKp://psychology.about.com/od/sensa+onandpercep+on/ss/gestaltlaws.htm
A picture is worth a thousand words.
Informa(on Visualiza(on Ò Provide tools that present data in a way to help people understand and gain insight from it.
Ò The use of computer-‐supported, interac+ve, visual representa+ons of abstract data to amplify cogni+on.
Interdisciplinary Ò human-‐computer interac+on, Ò computer science, Ò graphics, Ò visual design, Ò psychology, Ò and business methods
Example
ScaTer Plot
Correla(on… What else?
Outliers
He
Rn
John Snow: The London Cholera Epidemic of 1854
John Snow: The London Cholera Epidemic of 1854
Ò hKp://www.csiss.org/classics/content/8
Charles Minard's map of Napoleon's march
The growth of Facebook
Facebook Ò Video
Informa(on Visualiza(on: Mantra Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand Ò Overview, zoom & filter, details-‐on-‐demand
Treemap: Stock market, clustered by industry
Map of the Market -‐ hKp://www.smartmoney.com/map-‐of-‐the-‐market/
Market falls steeply Feb 27, 2007, with one excep(on
Market falls 311 points July 26, 2007, with a few excep(ons
Market mixed, October 22, 2007, Energy & Basic Material are down
TimeSearcher Ò Demo Ò hKp://www.cs.umd.edu/hcil/+mesearcher
LifeLines
Traffic
Wordle: Google’s Corporate Informa(on
Baby NameVoyager Ò hKp://www.babynamewizard.com/voyager
NetFlix Rental PaTerns
http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html
NetFlix (2)
NetFlix (3)
NetFlix (4)
SocialAc(on Ò Video Ò hKp://www.cs.umd.edu/hcil/socialac+on
Informa(on Visualiza(on: Data Types Ò 1-‐D Linear Document Lens, SeeSo^, Info Mural, Value Bars Ò 2-‐D Map GIS, ArcView, PageMaker, Medical imagery Ò 3-‐D World CAD, Medical, Molecules, Architecture
Ò Mul(-‐Var Parallel Coordinates, Spo_ire, XGobi, Visage,
Influence Explorer, TableLens, DEVise
Ò Temporal Perspec+ve Wall, LifeLines, Lifestreams, Project Managers, DataSpiral
Ò Tree Cone/Cam/Hyperbolic, TreeBrowser, Treemap Ò Network Netmap, netViz, SeeNet, BuKerfly, Mul+-‐trees
(Online Library of Informa+on Visualiza+on Environments) hKp://otal.umd.edu/Olive
Info
Viz
S
ciV
iz .
ManyEyes: A web sharing plajorm
hKp://services.alphaworks.ibm.com/manyeyes/app
Conclusion Ò Informa+on Visualiza+on
É Provide tools that present data in a way to help people understand and gain insight from it.
É Applicable to various domains Ò More info
É hKp://www.cs.umd.edu/hcil É hKps://wiki.cs.umd.edu/cmsc734_09/
Ò Contact É [email protected] É hKp://www.cs.umd.edu/~kristw
Ò Acknowledgement É Ben Shneiderman’s slides É Ben Bederson’s slides É hKp://www.cs.umd.edu/hcil/pubs/presenta+ons/
Thank you