SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Downloaden Sie, um offline zu lesen
CHOOSEL
              A WEB-BASED ENVIRONMENT
              FOR ENTRY-LEVEL VISUAL DATA ANALYSIS

              Lars Grammel,
01-Sep-2010   CHISEL Group, University of Victoria
Goal
2




    Provide a Flexible and Intuitive
      Visual Data Analysis Environment
      for InfoVis Novices
3
    Video
Features
4


       Several visualizations types
           charts, graph, timeline, map, tag cloud
       Multiple views
       View coordination using drag & drop
           Drop target highlighting & previews
       Highlighting of items across multiple views
       Custom sets that act as selections
       Filtered views & synchronized selection
       Workspace persistence & sharing
       Undo / redo
Design Constraints
5



       Small data sets (up to 5000 items)
       Heterogeneous data
       Web-based environment
       Reuse third party visualization components
       Multiple coordinated views
       Tight integration of visualization construction and
        data analysis
Design Choices
6



       Written in GWT (Java to JavaScript compilation)
         Need  to integrate different components (e.g. Flash,
          JavaScript)
         Author is familiar with Java

         Better tool support (unit testing, debugging,
          refactoring)
       Deployed on Google App Engine (but this is not
        required)
       Applications tailor Choosel Framework to domain
Architecture
7




                                         Choosel Client (in Browser)

                               View Coordination                Google Maps

                               Help and Branding
                                                                       Flexvis
                                 Undo / Redo
             Server              Management          Views      Simile Timeline

     Workspace Persistence &     Workspace
            Sharing              Management                     Protovis Charts

           Data Access         Data Management                    Tag Cloud
Choosel Applications
8



       Bio-Mixer
         Biomedical   Ontology Exploration


       Work Item Explorer
         IBM   Jazz Issue Tracking Data




    Choosel is open source!       http://code.google.com/p/choosel/
9
    Demo
Usability Study
10


     Does our interaction approach work in practice? What
       usability issues are hampering the interactions?

     Laboratory User Study with 8 Participants (& 1 Pilot)
        Video Tutorial
        Spatio-temporal analysis (2 Tasks)
              Earthquakes & Tsunami Warnings
        Concept        analysis (4 tasks)
            Biomedical    Ontology Data
          Evaluation Questionnaire
            Ratings,   Open Questions
Reactions
11




     “Visually pleasing to the eye. Very intuitive in that for the most
         part it made sense what each window did in terms of function.
         The possibilities of what one can produce with this easy
         interface seem enormous.” P7
     “[I liked that] everything is connected and interactive.” P9

     “It is hard to understand what some of the function does.” P3
Task Completion
12


          Spatio-Temporal Tasks                         Concept Tasks on Biomedical Data

     P2      f-ps                 f-ps            f-s                    f-s            a              n-a


     P3      f-ps                 f-ps            f-s                    f-s           f-ps            n-a


     P4      f-s                  f-ps            f-s                    f-s           n-a             n-a


     P5      f-s                  f-s             f-s                    f-s           f-ps            n-a


     P6      f-ps                 f-ps            f-s                    f-s           f-ps            a


     P7      f-s                  f-ps            f-s                   f-ps           f-ps            f-s


     P8      f-ps                 f-ps            f-s                    f-s           f-ps            n-a


     P9      f-ps                 f-s             f-s                    f-s            f-s            f-s


              1                    2               1                     2              3              4


             f-s: finished, succeeded    f-ps: finished, partially succeeded   a: attempted   n-a: not attempted
Usability/Usefulness of Features
13
Multiple Windows
14



     “I liked being able to view the
          timeline and the map at the
          same time when exploring
          earthquake data.” P5
     “Resizing windows was annoying
        especially since there is a lot of
        space on the screen that I felt
        was not used because the
        default window size is small.” P5


     63% of the participants resized
       and moved windows frequently.
Drag and Drop
15




     “When dragging it was very
       helpful to see where you can
       drag the item to (by lighting up
       the possible windows).” P2
     “The drag and drop […] had what
        you needed right there. At first
        glance everything seemed
        easier, but as you get deeper
        into the tasks I got confused on
        how things actually worked.” P7
Highlighting of Items and Sets
16




     “The use of selections and
        highlighting in the different
        windows is very helpful to
        organize what one is
        doing.” P2
Custom Sets
17




     “I liked the fact that I could easily
          look for a specific earthquake
          set.” P4
     “I could not use a lasso function to
         quickly highlight multiple items
         in any view.” P5
Current & Future Work
18




        More Visualizations
        Visualization Configuration
        Automatic Visualization
        Faceted Navigation
Thank you!
19




 Choosel is open source!
 http://code.google.com/p/choosel/




Lars Grammel
CHISEL Group, University of Victoria
Lars.Grammel@gmail.com

Weitere ähnliche Inhalte

Ähnlich wie Choosel - a web-based environment for entry-level visual data analysis

IW:LEARN 7 Years of Plone
IW:LEARN 7 Years of PloneIW:LEARN 7 Years of Plone
IW:LEARN 7 Years of Plone
Christian Ledermann
 
Sathayamev jayate hackathon
Sathayamev jayate hackathonSathayamev jayate hackathon
Sathayamev jayate hackathon
Alagirisamys
 
Sparklis exploration et interrogation de points d'accès sparql par interactio...
Sparklis exploration et interrogation de points d'accès sparql par interactio...Sparklis exploration et interrogation de points d'accès sparql par interactio...
Sparklis exploration et interrogation de points d'accès sparql par interactio...
SemWebPro
 

Ähnlich wie Choosel - a web-based environment for entry-level visual data analysis (20)

Python vs R for Data Analytics Final
Python vs R for Data Analytics Final Python vs R for Data Analytics Final
Python vs R for Data Analytics Final
 
Python vsr final r
Python vsr   final rPython vsr   final r
Python vsr final r
 
IW:LEARN 7 Years of Plone
IW:LEARN 7 Years of PloneIW:LEARN 7 Years of Plone
IW:LEARN 7 Years of Plone
 
OLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
OLDSMOOC Week5 part 2: Testing the prototypes. Diana LaurillardOLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
OLDSMOOC Week5 part 2: Testing the prototypes. Diana Laurillard
 
Sathayamev jayate hackathon
Sathayamev jayate hackathonSathayamev jayate hackathon
Sathayamev jayate hackathon
 
Functional Programming and Big Data
Functional Programming and Big DataFunctional Programming and Big Data
Functional Programming and Big Data
 
Pair Programming - a pratical guide
Pair Programming - a pratical guidePair Programming - a pratical guide
Pair Programming - a pratical guide
 
PT-4058, Measuring and Optimizing Performance of Cluster and Private Cloud Ap...
PT-4058, Measuring and Optimizing Performance of Cluster and Private Cloud Ap...PT-4058, Measuring and Optimizing Performance of Cluster and Private Cloud Ap...
PT-4058, Measuring and Optimizing Performance of Cluster and Private Cloud Ap...
 
Plone Futures, Plone Conference 2016 Keynote by Eric Steele
Plone Futures, Plone Conference 2016 Keynote by Eric SteelePlone Futures, Plone Conference 2016 Keynote by Eric Steele
Plone Futures, Plone Conference 2016 Keynote by Eric Steele
 
Plone Futures
Plone FuturesPlone Futures
Plone Futures
 
Sparklis exploration et interrogation de points d'accès sparql par interactio...
Sparklis exploration et interrogation de points d'accès sparql par interactio...Sparklis exploration et interrogation de points d'accès sparql par interactio...
Sparklis exploration et interrogation de points d'accès sparql par interactio...
 
Bdra learning design workshop slides 11/04/2012
Bdra learning design workshop slides 11/04/2012Bdra learning design workshop slides 11/04/2012
Bdra learning design workshop slides 11/04/2012
 
BDRA learning design workshop (11/04/2012)
BDRA learning design workshop (11/04/2012)BDRA learning design workshop (11/04/2012)
BDRA learning design workshop (11/04/2012)
 
Camp 4-data workshop presentation
Camp 4-data workshop presentationCamp 4-data workshop presentation
Camp 4-data workshop presentation
 
Frappe Open Day - October & November 2018
Frappe Open Day - October & November 2018Frappe Open Day - October & November 2018
Frappe Open Day - October & November 2018
 
Functional Thinking Paradigm Over Syntax.pdf
Functional Thinking Paradigm Over Syntax.pdfFunctional Thinking Paradigm Over Syntax.pdf
Functional Thinking Paradigm Over Syntax.pdf
 
Splunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search DojoSplunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search Dojo
 
Splunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search DojoSplunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search Dojo
 
Splunk Ninja: New Features, Pivot and Search Dojo
 Splunk Ninja: New Features, Pivot and Search Dojo Splunk Ninja: New Features, Pivot and Search Dojo
Splunk Ninja: New Features, Pivot and Search Dojo
 
Splunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search DojoSplunk Ninjas: New Features, Pivot and Search Dojo
Splunk Ninjas: New Features, Pivot and Search Dojo
 

Kürzlich hochgeladen

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Kürzlich hochgeladen (20)

Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Choosel - a web-based environment for entry-level visual data analysis

  • 1. CHOOSEL A WEB-BASED ENVIRONMENT FOR ENTRY-LEVEL VISUAL DATA ANALYSIS Lars Grammel, 01-Sep-2010 CHISEL Group, University of Victoria
  • 2. Goal 2 Provide a Flexible and Intuitive Visual Data Analysis Environment for InfoVis Novices
  • 3. 3 Video
  • 4. Features 4  Several visualizations types  charts, graph, timeline, map, tag cloud  Multiple views  View coordination using drag & drop  Drop target highlighting & previews  Highlighting of items across multiple views  Custom sets that act as selections  Filtered views & synchronized selection  Workspace persistence & sharing  Undo / redo
  • 5. Design Constraints 5  Small data sets (up to 5000 items)  Heterogeneous data  Web-based environment  Reuse third party visualization components  Multiple coordinated views  Tight integration of visualization construction and data analysis
  • 6. Design Choices 6  Written in GWT (Java to JavaScript compilation)  Need to integrate different components (e.g. Flash, JavaScript)  Author is familiar with Java  Better tool support (unit testing, debugging, refactoring)  Deployed on Google App Engine (but this is not required)  Applications tailor Choosel Framework to domain
  • 7. Architecture 7 Choosel Client (in Browser) View Coordination Google Maps Help and Branding Flexvis Undo / Redo Server Management Views Simile Timeline Workspace Persistence & Workspace Sharing Management Protovis Charts Data Access Data Management Tag Cloud
  • 8. Choosel Applications 8  Bio-Mixer  Biomedical Ontology Exploration  Work Item Explorer  IBM Jazz Issue Tracking Data Choosel is open source! http://code.google.com/p/choosel/
  • 9. 9 Demo
  • 10. Usability Study 10 Does our interaction approach work in practice? What usability issues are hampering the interactions? Laboratory User Study with 8 Participants (& 1 Pilot)  Video Tutorial  Spatio-temporal analysis (2 Tasks)  Earthquakes & Tsunami Warnings  Concept analysis (4 tasks)  Biomedical Ontology Data  Evaluation Questionnaire  Ratings, Open Questions
  • 11. Reactions 11 “Visually pleasing to the eye. Very intuitive in that for the most part it made sense what each window did in terms of function. The possibilities of what one can produce with this easy interface seem enormous.” P7 “[I liked that] everything is connected and interactive.” P9 “It is hard to understand what some of the function does.” P3
  • 12. Task Completion 12 Spatio-Temporal Tasks Concept Tasks on Biomedical Data P2 f-ps f-ps f-s f-s a n-a P3 f-ps f-ps f-s f-s f-ps n-a P4 f-s f-ps f-s f-s n-a n-a P5 f-s f-s f-s f-s f-ps n-a P6 f-ps f-ps f-s f-s f-ps a P7 f-s f-ps f-s f-ps f-ps f-s P8 f-ps f-ps f-s f-s f-ps n-a P9 f-ps f-s f-s f-s f-s f-s 1 2 1 2 3 4 f-s: finished, succeeded f-ps: finished, partially succeeded a: attempted n-a: not attempted
  • 14. Multiple Windows 14 “I liked being able to view the timeline and the map at the same time when exploring earthquake data.” P5 “Resizing windows was annoying especially since there is a lot of space on the screen that I felt was not used because the default window size is small.” P5 63% of the participants resized and moved windows frequently.
  • 15. Drag and Drop 15 “When dragging it was very helpful to see where you can drag the item to (by lighting up the possible windows).” P2 “The drag and drop […] had what you needed right there. At first glance everything seemed easier, but as you get deeper into the tasks I got confused on how things actually worked.” P7
  • 16. Highlighting of Items and Sets 16 “The use of selections and highlighting in the different windows is very helpful to organize what one is doing.” P2
  • 17. Custom Sets 17 “I liked the fact that I could easily look for a specific earthquake set.” P4 “I could not use a lasso function to quickly highlight multiple items in any view.” P5
  • 18. Current & Future Work 18  More Visualizations  Visualization Configuration  Automatic Visualization  Faceted Navigation
  • 19. Thank you! 19 Choosel is open source! http://code.google.com/p/choosel/ Lars Grammel CHISEL Group, University of Victoria Lars.Grammel@gmail.com