0
Informa(on	  Visualiza(on	  for	  Knowledge	  Discovery:	  An	  Introduc+on	  Krist	  Wongsuphasawat	  Dept.	  of	  Comput...
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,	  implemen...
Why	  HCI?	                                 Computer Abilities      Human Abilities                        1950     1990  ...
HCI	  Research	  Ò  Devices	       É  Touch	  screen,	  e-­‐Book	  Reader,	  Wii,	  Natal,	  Pen	       É  Mobile	  Pho...
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	...
Example	  
Challenges	  Ò    Iden+fy	         É  Trends	         É  PaKerns	         É  Outliers	  Ò    Goals	         É  Commu...
The	  eye...	  	  the	  window	  of	  the	  soul,	  	  is	  the	  principal	  means	  by	  which	  the	  central	  sense	 ...
The eye... 	the window of the soul, 	is the principal means	by which the central sense 	can most completely and abundantly...
The eye... 	the window of the soul, 	is the principal means	by which the central sense 	can most completely and abundantly...
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	      understa...
Interdisciplinary	  Ò  human-­‐computer	  interac+on,	  	  Ò  computer	  science,	  	  Ò  graphics,	  	  Ò  visual	  d...
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	  Minards	  map	  of	  Napoleons	  march	  
The	  growth	  of	  Facebook	  
Facebook	  Ò  Video	  
Informa(on	  Visualiza(on:	  Mantra	  Ò     Overview,	  zoom	  &	  filter,	  details-­‐on-­‐demand	  Ò     Overview,	  zo...
Treemap:	  Stock	  market,	  clustered	  by	  industry	          Map	  of	  the	  Market	  -­‐	  hKp://www.smartmoney.com/...
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	  SciViz .           Ò    1-­‐D	  Linear 	  Document	  Lens,	  SeeSo^,	  Info	 ...
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	  he...
Thank	  you	  
Information Visualization for Knowledge Discovery: An Introduction
Information Visualization for Knowledge Discovery: An Introduction
Information Visualization for Knowledge Discovery: An Introduction
Information Visualization for Knowledge Discovery: An Introduction
Information Visualization for Knowledge Discovery: An Introduction
Upcoming SlideShare
Loading in...5
×

Information Visualization for Knowledge Discovery: An Introduction

985

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
985
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Information Visualization for Knowledge Discovery: An Introduction"

  1. 1. 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  
  2. 2. University  of  Maryland,  College  Park  Ò  near  Washington,  DC  
  3. 3. Where?  
  4. 4. HCIL  Ò  Human-­‐Computer  Interac+on  Lab  Ò  hKp://www.cs.umd.edu/hcil/  
  5. 5. 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 Analysis Implementation Evaluation
  6. 6. Why  HCI?   Computer Abilities Human Abilities 1950 1990 2030
  7. 7. 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.  
  8. 8. Imagina(on  
  9. 9. MicrosoK  Surface  
  10. 10. Nintendo  Wii  
  11. 11. Project  Natal  
  12. 12. Mobile  
  13. 13. Mobile  
  14. 14. Amazon  Kindle  
  15. 15. Interna(onal  Children  Digital  Library  
  16. 16. GUI  for  elderly  
  17. 17. Informa(on  Visualiza(on  
  18. 18. Challenges  Ò  Huge  amount  of  data  Ò  How  to  understand  and  make  use  of  it?  Ò  What  ques+on  to  ask?  
  19. 19. Example  
  20. 20. Challenges  Ò  Iden+fy   É  Trends   É  PaKerns   É  Outliers  Ò  Goals   É  Communica+on   É  Discovery  
  21. 21. 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)  
  22. 22. 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)
  23. 23. 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)
  24. 24. Gestalt  Principles  hKp://psychology.about.com/od/sensa+onandpercep+on/ss/gestaltlaws.htm  
  25. 25. A picture is worth a thousand words.
  26. 26. 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.  
  27. 27. Interdisciplinary  Ò  human-­‐computer  interac+on,    Ò  computer  science,    Ò  graphics,    Ò  visual  design,    Ò  psychology,    Ò  and  business  methods  
  28. 28. Example  
  29. 29. ScaTer  Plot  
  30. 30. Correla(on…  What  else?  
  31. 31. Outliers   He Rn
  32. 32. John  Snow:  The  London  Cholera  Epidemic  of  1854    
  33. 33. John  Snow:  The  London  Cholera  Epidemic  of  1854    Ò  hKp://www.csiss.org/classics/content/8  
  34. 34. Charles  Minards  map  of  Napoleons  march  
  35. 35. The  growth  of  Facebook  
  36. 36. Facebook  Ò  Video  
  37. 37. 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    
  38. 38. Treemap:  Stock  market,  clustered  by  industry   Map  of  the  Market  -­‐  hKp://www.smartmoney.com/map-­‐of-­‐the-­‐market/  
  39. 39. Market  falls  steeply  Feb  27,  2007,    with  one  excep(on  
  40. 40. Market  falls  311  points  July  26,  2007,    with  a  few  excep(ons  
  41. 41. Market  mixed,  October  22,  2007,    Energy    &  Basic  Material  are  down  
  42. 42. TimeSearcher  Ò  Demo  Ò  hKp://www.cs.umd.edu/hcil/+mesearcher  
  43. 43. LifeLines  
  44. 44. Traffic  
  45. 45. Wordle:  Google’s  Corporate  Informa(on  
  46. 46. Baby  NameVoyager  Ò  hKp://www.babynamewizard.com/voyager  
  47. 47. NetFlix  Rental  PaTerns  http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html
  48. 48. NetFlix  (2)  
  49. 49. NetFlix  (3)  
  50. 50. NetFlix  (4)  
  51. 51. SocialAc(on  Ò  Video  Ò  hKp://www.cs.umd.edu/hcil/socialac+on  
  52. 52. Informa(on  Visualiza(on:  Data  Types  SciViz . Ò  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,  InfoViz 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  
  53. 53. ManyEyes:  A  web  sharing  plajorm   hKp://services.alphaworks.ibm.com/manyeyes/app  
  54. 54. 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   É  kristw@cs.umd.edu   É  hKp://www.cs.umd.edu/~kristw  Ò  Acknowledgement   É  Ben  Shneiderman’s  slides   É  Ben  Bederson’s  slides   É  hKp://www.cs.umd.edu/hcil/pubs/presenta+ons/  
  55. 55. Thank  you  
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×