SlideShare ist ein Scribd-Unternehmen logo
1 von 24
A Comparison of Set-based and Graph-based
Visualisations of Overlapping Classification
                Hierarchies




 Martin Graham, Jessie Kennedy &
            Chris Hand
   Napier University, Edinburgh
Overview

 Introduction
 Problem Domain
 Similar Approaches
 Prototype 1 - Graph
 Prototype 2 - Set (+ example)
 Testing
 Conclusion
Introduction

 Hierarchical information structures are a
 major topic within Information
 Visualisation (IV)
     Cone Trees - Robertson, Mackinlay & Card
     Tree Maps - Johnson & Shneiderman
 Multiple hierarchies relatively unexplored
 Relations (intra- and inter- tree)
Taxonomy

 Re-classifications of plants
 A                  B



 C                  D
Tasks for Multiple
Taxonomies

 Taxonomist Requirements
  Track a particular genus’s siblings and
  parents
  Track a higher level (internal) node’s children
  Compare depths
  Compare global structures
Previous techniques

 Animation
   Strong pre-attentive cues
   Suited for gradual, not abrupt, changes
   Shows change between only 2 states at any
   one point
 Small Multiples (cf Tufte)
   Display all structures
   ‘N’ small multiples = 1/’N’th screen area each
Previous Techniques

 Wittenburg et al’s Group Asynchronous
 Browsing on the WWW
   Combines multiple TreeMaps on top of a
   MultiTree structure
   Shows correlations (cross-references) using
   colour
   Static colouring only
   Can show top-level correlations but not for
   individual parts of hierarchies
Graph-based prototype

 Combine multiple hierarchies into one
 graph structure
 Visualised using spring-mass metaphor
 Different coloured links & glyphs indicate
 relationships in different hierarchies
 Interaction via panning/zooming and
 filtering of a particular node’s relations
Graph-based Prototype

 Advantages
  Integrate multiple hierarchies spatially and
  temporally
 Drawbacks
  Above! Double-edged sword
  Layout issues
  Computational complexity
Set-based prototype

 Sets reflect mental model of taxonomic
 reasoning
 Differentiate between categories and the
 objects we are organising
 Use colour via linking to indicate
 correlations
 Linking applied over a set of hierarchies
Set-based Prototype

 Advantage of
   Reflects taxonomist’s mental model
 This is at the price of
   Lose a level of detail (unnamed leaves and
   only one relation set shown at a time)
   Have to accept restrictions of small multiples
 However...
   Clearer visualisation
Prototype Effectiveness

 Metrics v Empirical Testing
   Brath’s metrics
   Suitable for static visualisations
   Interactive visualisations cause problems
   Zooming and filtering reduce on-screen data
   density (but make for a more relevant picture)
Prototype Effectiveness

 Informal User Testing (cf Nielsen)
   A handful of typical would-be users
   Used early in development
   Task-based observations generate solutions
   (Monk & Wright)
Prototype Effectiveness

 Observations
   Overlapping (occluding) nodes caused
   confusion in graph prototype
   Non-leaf (category) nodes in set based
   prototype indicated by highlighting their
   descendent leaf nodes, confusing users as to
   extent of the non-leaf node
Prototype Effectiveness

 Solutions
   Ensure that highlighted nodes always
   displayed on top of unselected nodes
     Allow user to fine-tune positioning.
   Non-leaf nodes and leaf nodes to be
   highlighted in similar fashion
Prototype Effectiveness

 Outcome
  Definite preference for set-based visualisation
  prototype
  Graph-based visualisation prototype too
  cluttered, even with zooming/filtering
  mechanisms
  More tasks envisaged
Conclusions

 Constructed 2 prototypes for visualising
 multiple hierarchies and their correlations
 Users stated both prototypes enabled
 them to see information that is not
 possible with their current system
 Future work
   Test prototypes on other information sets
Acknowledgements

 Royal Botanic Garden Edinburgh
 EPSRC

 http://www.dcs.napier.ac.uk/~marting

Weitere ähnliche Inhalte

Andere mochten auch

Enhancing Parallel Coordinates with Curves
Enhancing Parallel Coordinates with CurvesEnhancing Parallel Coordinates with Curves
Enhancing Parallel Coordinates with Curvesmartinjgraham
 
Exploring and Examining Assessment Data via a Matrix Visualisation
Exploring and Examining Assessment Data via a Matrix VisualisationExploring and Examining Assessment Data via a Matrix Visualisation
Exploring and Examining Assessment Data via a Matrix Visualisationmartinjgraham
 
Re-architecting visualisations in Java Swing
Re-architecting visualisations in Java SwingRe-architecting visualisations in Java Swing
Re-architecting visualisations in Java Swingmartinjgraham
 
Final VIPER presentation at BioVis 2013
Final VIPER presentation at BioVis 2013Final VIPER presentation at BioVis 2013
Final VIPER presentation at BioVis 2013martinjgraham
 
Final Viper Prototype Presentation
Final Viper Prototype PresentationFinal Viper Prototype Presentation
Final Viper Prototype Presentationmartinjgraham
 
Concept Visualisation over Multiple Taxonomic Hierarchies
Concept Visualisation over Multiple Taxonomic HierarchiesConcept Visualisation over Multiple Taxonomic Hierarchies
Concept Visualisation over Multiple Taxonomic Hierarchiesmartinjgraham
 

Andere mochten auch (7)

Enhancing Parallel Coordinates with Curves
Enhancing Parallel Coordinates with CurvesEnhancing Parallel Coordinates with Curves
Enhancing Parallel Coordinates with Curves
 
Exploring and Examining Assessment Data via a Matrix Visualisation
Exploring and Examining Assessment Data via a Matrix VisualisationExploring and Examining Assessment Data via a Matrix Visualisation
Exploring and Examining Assessment Data via a Matrix Visualisation
 
TDWG 2013 Vesper
TDWG 2013 VesperTDWG 2013 Vesper
TDWG 2013 Vesper
 
Re-architecting visualisations in Java Swing
Re-architecting visualisations in Java SwingRe-architecting visualisations in Java Swing
Re-architecting visualisations in Java Swing
 
Final VIPER presentation at BioVis 2013
Final VIPER presentation at BioVis 2013Final VIPER presentation at BioVis 2013
Final VIPER presentation at BioVis 2013
 
Final Viper Prototype Presentation
Final Viper Prototype PresentationFinal Viper Prototype Presentation
Final Viper Prototype Presentation
 
Concept Visualisation over Multiple Taxonomic Hierarchies
Concept Visualisation over Multiple Taxonomic HierarchiesConcept Visualisation over Multiple Taxonomic Hierarchies
Concept Visualisation over Multiple Taxonomic Hierarchies
 

Ähnlich wie Set vs Graph-based visualisations of multiple trees

TreeNetViz - Revealing Patterns of Networks over Tree Structure.
TreeNetViz - Revealing Patterns of Networks over Tree Structure.TreeNetViz - Revealing Patterns of Networks over Tree Structure.
TreeNetViz - Revealing Patterns of Networks over Tree Structure.liangou
 
Introduction to 16S rRNA gene multivariate analysis
Introduction to 16S rRNA gene multivariate analysisIntroduction to 16S rRNA gene multivariate analysis
Introduction to 16S rRNA gene multivariate analysisJosh Neufeld
 
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...Amit Sheth
 
Mining Gems from the Data Visualization Literature
Mining Gems from the Data Visualization LiteratureMining Gems from the Data Visualization Literature
Mining Gems from the Data Visualization LiteratureNils Gehlenborg
 
Health-e-Child CaseReasoner
Health-e-Child CaseReasonerHealth-e-Child CaseReasoner
Health-e-Child CaseReasonerGaborRendes
 
Current Approaches in Search Result Diversification
Current Approaches in Search Result DiversificationCurrent Approaches in Search Result Diversification
Current Approaches in Search Result DiversificationMario Sangiorgio
 
Tdm recent trends
Tdm recent trendsTdm recent trends
Tdm recent trendsKU Leuven
 
Multilayered paper prototyping for user concept modeling
Multilayered paper prototyping for user concept modelingMultilayered paper prototyping for user concept modeling
Multilayered paper prototyping for user concept modelingUKOLN (dev), University of Bath
 
(Talk in Powerpoint Format)
(Talk in Powerpoint Format)(Talk in Powerpoint Format)
(Talk in Powerpoint Format)butest
 
Hierarchical clustering and topology for psychometric validation
Hierarchical clustering and topology for psychometric validationHierarchical clustering and topology for psychometric validation
Hierarchical clustering and topology for psychometric validationColleen Farrelly
 

Ähnlich wie Set vs Graph-based visualisations of multiple trees (20)

Summary2 (1)
Summary2 (1)Summary2 (1)
Summary2 (1)
 
TreeNetViz - Revealing Patterns of Networks over Tree Structure.
TreeNetViz - Revealing Patterns of Networks over Tree Structure.TreeNetViz - Revealing Patterns of Networks over Tree Structure.
TreeNetViz - Revealing Patterns of Networks over Tree Structure.
 
Introduction to 16S rRNA gene multivariate analysis
Introduction to 16S rRNA gene multivariate analysisIntroduction to 16S rRNA gene multivariate analysis
Introduction to 16S rRNA gene multivariate analysis
 
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...
{Ontology: Resource} x {Matching : Mapping} x {Schema : Instance} :: Compone...
 
Mining Gems from the Data Visualization Literature
Mining Gems from the Data Visualization LiteratureMining Gems from the Data Visualization Literature
Mining Gems from the Data Visualization Literature
 
Morse-Smale Regression
Morse-Smale RegressionMorse-Smale Regression
Morse-Smale Regression
 
Phylogenetics
PhylogeneticsPhylogenetics
Phylogenetics
 
Health-e-Child CaseReasoner
Health-e-Child CaseReasonerHealth-e-Child CaseReasoner
Health-e-Child CaseReasoner
 
decisiontrees (3).ppt
decisiontrees (3).pptdecisiontrees (3).ppt
decisiontrees (3).ppt
 
decisiontrees.ppt
decisiontrees.pptdecisiontrees.ppt
decisiontrees.ppt
 
decisiontrees.ppt
decisiontrees.pptdecisiontrees.ppt
decisiontrees.ppt
 
Current Approaches in Search Result Diversification
Current Approaches in Search Result DiversificationCurrent Approaches in Search Result Diversification
Current Approaches in Search Result Diversification
 
Gf o2014talk
Gf o2014talkGf o2014talk
Gf o2014talk
 
6238578.ppt
6238578.ppt6238578.ppt
6238578.ppt
 
Clustering
ClusteringClustering
Clustering
 
Tdm recent trends
Tdm recent trendsTdm recent trends
Tdm recent trends
 
Multilayered paper prototyping for user concept modeling
Multilayered paper prototyping for user concept modelingMultilayered paper prototyping for user concept modeling
Multilayered paper prototyping for user concept modeling
 
Data mining.pptx
Data mining.pptxData mining.pptx
Data mining.pptx
 
(Talk in Powerpoint Format)
(Talk in Powerpoint Format)(Talk in Powerpoint Format)
(Talk in Powerpoint Format)
 
Hierarchical clustering and topology for psychometric validation
Hierarchical clustering and topology for psychometric validationHierarchical clustering and topology for psychometric validation
Hierarchical clustering and topology for psychometric validation
 

Kürzlich hochgeladen

Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 

Kürzlich hochgeladen (20)

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 

Set vs Graph-based visualisations of multiple trees

  • 1. A Comparison of Set-based and Graph-based Visualisations of Overlapping Classification Hierarchies Martin Graham, Jessie Kennedy & Chris Hand Napier University, Edinburgh
  • 2. Overview Introduction Problem Domain Similar Approaches Prototype 1 - Graph Prototype 2 - Set (+ example) Testing Conclusion
  • 3. Introduction Hierarchical information structures are a major topic within Information Visualisation (IV) Cone Trees - Robertson, Mackinlay & Card Tree Maps - Johnson & Shneiderman Multiple hierarchies relatively unexplored Relations (intra- and inter- tree)
  • 5. Tasks for Multiple Taxonomies Taxonomist Requirements Track a particular genus’s siblings and parents Track a higher level (internal) node’s children Compare depths Compare global structures
  • 6. Previous techniques Animation Strong pre-attentive cues Suited for gradual, not abrupt, changes Shows change between only 2 states at any one point Small Multiples (cf Tufte) Display all structures ‘N’ small multiples = 1/’N’th screen area each
  • 7. Previous Techniques Wittenburg et al’s Group Asynchronous Browsing on the WWW Combines multiple TreeMaps on top of a MultiTree structure Shows correlations (cross-references) using colour Static colouring only Can show top-level correlations but not for individual parts of hierarchies
  • 8. Graph-based prototype Combine multiple hierarchies into one graph structure Visualised using spring-mass metaphor Different coloured links & glyphs indicate relationships in different hierarchies Interaction via panning/zooming and filtering of a particular node’s relations
  • 9.
  • 10.
  • 11. Graph-based Prototype Advantages Integrate multiple hierarchies spatially and temporally Drawbacks Above! Double-edged sword Layout issues Computational complexity
  • 12. Set-based prototype Sets reflect mental model of taxonomic reasoning Differentiate between categories and the objects we are organising Use colour via linking to indicate correlations Linking applied over a set of hierarchies
  • 13.
  • 14. Set-based Prototype Advantage of Reflects taxonomist’s mental model This is at the price of Lose a level of detail (unnamed leaves and only one relation set shown at a time) Have to accept restrictions of small multiples However... Clearer visualisation
  • 15.
  • 16.
  • 17. Prototype Effectiveness Metrics v Empirical Testing Brath’s metrics Suitable for static visualisations Interactive visualisations cause problems Zooming and filtering reduce on-screen data density (but make for a more relevant picture)
  • 18. Prototype Effectiveness Informal User Testing (cf Nielsen) A handful of typical would-be users Used early in development Task-based observations generate solutions (Monk & Wright)
  • 19. Prototype Effectiveness Observations Overlapping (occluding) nodes caused confusion in graph prototype Non-leaf (category) nodes in set based prototype indicated by highlighting their descendent leaf nodes, confusing users as to extent of the non-leaf node
  • 20. Prototype Effectiveness Solutions Ensure that highlighted nodes always displayed on top of unselected nodes Allow user to fine-tune positioning. Non-leaf nodes and leaf nodes to be highlighted in similar fashion
  • 21. Prototype Effectiveness Outcome Definite preference for set-based visualisation prototype Graph-based visualisation prototype too cluttered, even with zooming/filtering mechanisms More tasks envisaged
  • 22.
  • 23. Conclusions Constructed 2 prototypes for visualising multiple hierarchies and their correlations Users stated both prototypes enabled them to see information that is not possible with their current system Future work Test prototypes on other information sets
  • 24. Acknowledgements Royal Botanic Garden Edinburgh EPSRC http://www.dcs.napier.ac.uk/~marting

Hinweis der Redaktion

  1. Introduce me + others + university State title of presentation