INFORMATION VISUALIZATION
For knowledge discovery
Krist wongsuphasawat
@kristwongz
Computer Engineering, Chulalongkorn University (Intania87, CP30)
Dept. of Computer Science & Human-Computer Interaction Lab, Univ. of Maryland
Data Visualization Scientist, Twitter
data
INFORMATION VISUALIZATION
INFO. VIS.
Data visualization
visualization
A picture is worth a thousand words.
INFORMATION VISUALIZATION


     Data      picture!
INFORMATION VISUALIZATION
INFO. VIS.

      “      Using visual representations and interaction techniques,
             which take advantage of the human eye’s
             broad bandwidth pathway into the mind,
             to allow users to see, explore, and understand
             large amounts of information at once.”


                                                           [Wikipedia]
INFORMATION VISUALIZATION
    Visual representation
Anscombe s quartet


     #1            #2            #3             #4
 X        Y       X      Y      X      Y       X      Y

10.0   8.04      10.0   9.14   10.0   7.46    8.0    6.58

8.0    6.95      8.0    8.14   8.0    6.77    8.0    5.76

13.0   7.58      13.0   8.74   13.0   12.74   8.0    7.71

9.0    8.81      9.0    8.77   9.0    7.11    8.0    8.84

11.0   8.33      11.0   9.26   11.0   7.81    8.0    8.47

14.0   9.96      14.0   8.10   14.0   8.84    8.0    7.04

6.0    7.24      6.0    6.13   6.0    6.08    8.0    5.25

4.0    4.26      4.0    3.10   4.0    5.39    19.0   12.50

12.0   10.84     12.0   9.13   12.0   8.15    8.0    5.56

7.0    4.82      7.0    7.26   7.0    6.42    8.0    7.91

5.0    5.68      5.0    4.74   5.0    5.73    8.0    6.89
Anscombe s quartet


#1                #2               #3              #4

              Property                Value

             Mean of X                 11.0

            Variance of X              10.0

             Mean of Y                 7.5

            Variance of Y              3.75

     Correlation between X and Y      0.816

          Linear regression        y = 3.0 +0.5x




      Identical statistics
Anscombe s quartet


                #1                      #2                          #3                          #4
12!                          10!                         14!                         14!
                              9!
10!                                                      12!                         12!
                              8!
                              7!                         10!                         10!
 8!
                              6!                          8!                          8!
 6!                           5!
                              4!                          6!                          6!
 4!                           3!                          4!                          4!
 2!                           2!
                                                          2!                          2!
                              1!
 0!                           0!                          0!                          0!
      0!   5!    10!   15!         0!   5!   10!   15!         0!   5!   10!   15!         0!    10!   20!




                             But very different
map of napoleon’s march
minard, 1812
               •  geography     •  course
               •  time          •  direction
               •  temperature   •  quantity of troops
London
 Cholera
Outbreak
john Snow, 1854
London
 Cholera
Outbreak
john Snow, 1854
crayons
toys




boys          girls
INFORMATION VISUALIZATION
    Visual representation
                         +
        User interactions
     click, drag, zoom, select, change color, etc.!
                           !
INFORMATION VISUALIZATION
         =Mantra=

       Overview first
       Zoom and filter
      Details on demand
Stock market
Map of the market
size = market cap




Stock A           Stock B
size = market cap




Stock A            Stock B




    color = price change
Map of the Market
Market!falls!steeply!Feb!27,!2007,!!
      with!one!excep:on!




    Market falls 311 points July 26, 2007, with a few exceptions
Market falls 311 points July 26, 2007, with a few exceptions
Market mixed, October 22, 2007
http://www.smartmoney.com/map-of-the-market/
http://www.smartmoney.com/map-of-the-market/
newsmap
http://newsmap.jp/
Disk inventory x
 http://www.derlien.com/
Social network
      relationships


 http://www.cs.umd.edu/hcil/socialaction
Person A   Person B
Has a relationship



Person A             Person B
Strong relationship



Person A             Person B
Strong relationship



Person A             Person B
Person A   Person B
Video demo
  SocialAction
How people are connected on facebook by country
h;p://www.facebookstories.com/stories/1574/#color=con:nent&story=1&country=US!
How people are connected on facebook by country
h;p://www.facebookstories.com/stories/1574/#color=con:nent&story=1&country=US!
Geographic
New york taxi
h;p://www.ny:mes.com/interac:ve/2010/04/02/nyregion/taxiKmap.html!
Interactive charts
  Baby name voyager


  http://www.babynamewizard.com/voyager
temporal Data
  time time time
event!
         event!
              event!        event! event!
     event!
event!
          event!
                LIFE                 event!
                                event!        event!
                   event!
    event!                           event!
                       event!
              event!
Time    Event type!

( 7:00 am, Wake up )


                                   event!
         event!
              event!         event! event!
     event!
event!
           event!
                 LIFE                 event!
                                 event!        event!
                    event!
    event!                            event!
                        event!
              event!
event!
         event!
              event!        event! event!
     event!
event!
          event!
                LIFE                 event!
                                event!        event!
                   event!
    event!                           event!
                       event!
              event!

                                “Event Sequence”
Electronic health records




( 7:00 am, Wake up )   ( 7:10 am, Shower )   ( 7:30 am, Breakfast )
Electronic health records




( 8:40 am, Arrival )   ( 8:50 am, ER)   ( 9:15 am, ICU )
Event Sequences

Medical    Transportation


Sports     Education


Web logs   Logistics



                 and more…
Patient transfers

ARRIVAL      Arrive the hospital
EMERGENCY    Emergency room
ICU          Intensive Care Unit
FLOOR        Normal room
EXIT-ALIVE   Leave the hospital alive
EXIT-DEAD    Leave the hospital dead
Save more lives!


  Pa:ent!ID:!45851733 !!
    Pa:ent!ID:!45851732 !!
12/02/2008!14:26 !Arrival!
       Pa:ent!ID:!45851731 !!
12/02/2008!14:26 !Emergency!
  12/02/2008!14:26 !Arrival!
                                      Emergency Department

                                        6,000+
12/02/2008!22:44 !ICU!
  12/02/2008!14:26 !Emergency!
     12/02/2008!14:26 !Arrival!
12/05/2008!05:07 !Floor!
  12/02/2008!22:44 !ICU!
     12/02/2008!14:26 !Emergency!
12/08/2008!10:02 !Floor!
  12/05/2008!05:07 !Floor!
     12/02/2008!22:44 !ICU!
12/14/2008!06:19 !Discharge!
  12/08/2008!10:02 !Floor!
     12/05/2008!05:07 !Floor!
! 12/14/2008!06:19 !Discharge!
     12/08/2008!10:02 !Floor!
  ! 12/14/2008!06:19 !Discharge!        patients per month
     !
What happened to the patients?

             Arrival
                       ?
              ICU

       ?               ?
Video demo
Creating LifeFlow
LifeFlow
Video demo
Data Analysis with LifeFlow
INFORMATION VISUALIZATION
    Visual representation
                         +
        User interactions
     click, drag, zoom, select, change color, etc.!
                           !
INFORMATION VISUALIZATION
                    classified by
                                          Network
                   Data types
1D: Linear
                                        Tree

  2D: Map
                                   Temporal

 3D: Molecules, Biology      Multi dimensional (4+ D)
Benefits of


INFORMATION VISUALIZATION


DATA ANALYSIS                        PRESENTATION
Detect pattern, trend, outliers!         Communicate!
DATA ANALYSIS
presentation
presentation
Drawbacks: misleading
Drawbacks: misleading (2)
DATA

              INFORMATION VISUALIZATION
     Visual representation                + User interactions

     DATA ANALYSIS                             PRESENTATION
     Detect pattern, trend, outliers!             Communicate!



Krist wongsuphasawat                                 krist.wongz@gmail.com
@kristwongz                                     http://kristw.yellowpigz.com
Many eyes
http://services.alphaworks.ibm.com/manyeyes/app
DATA

              INFORMATION VISUALIZATION
     Visual representation                + User interactions

     DATA ANALYSIS                             PRESENTATION
     Detect pattern, trend, outliers!             Communicate!



Krist wongsuphasawat                                 krist.wongz@gmail.com
@kristwongz                                     http://kristw.yellowpigz.com

Information Visualization for Knowledge Discovery