SlideShare a Scribd company logo
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

More Related Content

Similar to 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
 

Similar to 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
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Recently uploaded (20)

ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
The architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdfThe architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Introduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG EvaluationIntroduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG Evaluation
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 

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